From 805e68a4d2402e25d63ee6c9838f8043c39de559 Mon Sep 17 00:00:00 2001
From: Marvin Borner
Date: Sun, 24 Feb 2019 17:04:43 +0100
Subject: Improved frontend

---
 public/scripts/chat.js   |  7 +++++++
 public/styles/style.sass | 20 ++++++++++++++++++--
 2 files changed, 25 insertions(+), 2 deletions(-)

(limited to 'public')

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
-- 
cgit v1.2.3