Don't need user to see chat. Increased to fetch last 100 messages.

src/components/VirtualLotteryPage.vue

@@ -82,7 +82,7 @@ export default {
     };
   },
   created() {
-    getChatHistory().then(messages => (this.chatHistory = messages));
+    getChatHistory(0, 100).then(messages => (this.chatHistory = messages));
   },
   mounted() {
     this.track();

src/ui/Chat.vue

@@ -2,7 +2,6 @@
   <div class="chat-container">
     <hr />
     <h2>Chat</h2>
-    <div v-if="usernameSet" class="chat-inner-container">
     <div class="history" ref="history">
       <div
         v-for="(history, index) in chatHistory"
@@ -13,13 +12,12 @@
         <span class="message">{{ history.message }}</span>
       </div>
     </div>
-      <div class="input">
+    <div v-if="usernameSet" class="input">
       <input @keyup.enter="sendMessage" type="text" v-model="message" placeholder="Melding.." />
       <button @click="sendMessage">Send</button>
       <button @click="removeUsername">Logg ut</button>
     </div>
-    </div>
-    <div v-if="!usernameSet" class="username-dialog">
+    <div v-else class="username-dialog">
       <input
         type="text"
         @keyup.enter="setUsername"
@@ -127,6 +125,7 @@ hr {
   }
 }
 .chat-container {
+  height: 100%;
   width: 50%;
 
   @include mobile {
@@ -142,10 +141,6 @@ input {
   display: flex;
 }
 
-.chat-container,
-.chat-inner-container {
-  height: 95%;
-}
 
 .history {
   height: 75%;