Merge pull request #37 from pondersource/frontend

Fix (contacts page style, extra js contacts.js, view token word in generate token page)
pondersource · Jan 20, 2023 · afd934e · afd934e
2 parents 10c9a11 + 34b9b77
commit afd934e
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 4 deletions.
diff --git a/css/style.css b/css/style.css
@@ -125,13 +125,14 @@
 }
 
 .app-content-list-item-icon{
-   width: 20px;
-   height: 20px;
+   width: 30px;
+   height: 30px;
    margin: 10px;
-   color: white;
    font-size: large;
    text-align: center;
    border-radius: 100%;
+   padding: 3.3px;
+   border: 1px solid #0002;
 }
 
 
@@ -152,4 +153,15 @@
 
 .text-success{
    color: green !important;
+}
+
+.profile-item{
+   display: inline-flex;
+   width: 100%;
+}
+
+
+.profile-item-username{
+   width: 100%;
+   padding: 3px 10px;
 }
diff --git a/js/contacts.js b/js/contacts.js
@@ -28,7 +28,7 @@ document.addEventListener("DOMContentLoaded", function(event) {
                                         <div class="app-content-list-item-icon" style="">
                                             <img src="https://cdn-icons-png.flaticon.com/512/16/16363.png">
                                         </div>
-                                        <div class="app-content-list-item-line-one" id="show_result" >
+                                        <div class="app-content-list-item-line-one profile-item-username" id="show_result" >
                                             <p class="displayname">${displayName}</p><p class="username-provider">${username}@${provider}</p>
                                         </div>  
                                     </div>`;