Improved frontend

2 files changed, 25 insertions, 2 deletions

diff --git a/public/scripts/chat.js b/public/scripts/chat.js
index 2f15683..86044be 100644
--- a/public/scripts/chat.js
+++ b/public/scripts/chat.js
@@ -380,6 +380,13 @@ function chat() {
       });
   }
 
+  function addContactToList(contactId) {
+    $('#contact_list')
+      .append(`<column><button class="button action-button is-big is-outlined is-white is-centered" id="peer_${contactId}"><i class="fas fa-user"></i></button></column>`);
+  }
+
+  addContactToList('TEST');
+
   /**
    * Shows modal for adding a contact
    * TODO: Fix selecting from dropdown on enter
diff --git a/public/styles/style.sass b/public/styles/style.sass
index 9233455..34768fa 100644
--- a/public/styles/style.sass
+++ b/public/styles/style.sass
@@ -14,8 +14,24 @@ html, body
 .chat
   display: none
 
-.main
-  align-items: flex-start
+.main-window
+  position: relative
+  float: right
+  height: 100vh
+  width: calc(100vw - 90px)
+
+.contacts-wrapper
+  float: left
+  width: 90px
+  height: 100%
+
+  .logo
+    padding: 8px
+    width: 90px
+    height: 90px
+
+    img
+      margin: 22px auto
 
 .swal-text
   text-align: center