Fix titlebar CSS issue

Issue #93

src/assets/css/chat.scss

@@ -33,18 +33,6 @@ $admin-fg: white;
         margin-top: $chat-standard-padding-xs;
         margin-bottom: $chat-standard-padding-xs;
     }
-
-    .room-list {
-        background-color: white;
-        border: 1px solid #e0e0e0;
-        position: absolute;
-        max-height: 60%;
-        overflow-y: auto;
-        z-index: 2;
-        .v-subheader {
-            display: none;
-        }
-    }
 }
 
 .room-list-notification-count {

src/assets/css/main.scss

@@ -10,6 +10,9 @@ $chat-standard-padding-xs: 8px;
 $chat-text-size: 1.0px;
 $chat-button-height: 50px;
 
+html { height:100%; }
+body { position:absolute; top:0; bottom:0; right:0; left:0; }
+
 .h1 {
     font-family: 'Poppins', sans-serif;
     font-weight: 800;

src/components/Chat.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="chat-root fill-height d-flex flex-column" ma-0 pa-0>
     <ChatHeader
-      class="chat-header flex-grow-1 flex-shrink-1"
+      class="chat-header flex-grow-0 flex-shrink-0"
       v-on:header-click="$refs.roomInfoSheet.open()"
     />
     <div