From 9313c67f5e535c32740c39d3f5cf929911d46512 Mon Sep 17 00:00:00 2001
From: Amir Raminfar <findamir@gmail.com>
Date: Tue, 30 Oct 2018 12:41:55 -0700
Subject: [PATCH] Adds scrolling

---
 assets/App.vue             |  2 +-
 assets/index.html          |  1 +
 assets/pages/Container.vue | 16 +++++-----------
 3 files changed, 7 insertions(+), 12 deletions(-)
diff --git a/assets/App.vue b/assets/App.vue
index ad7e6870..5c7afcda 100644
--- a/assets/App.vue
+++ b/assets/App.vue
@@ -1,5 +1,5 @@
 <template lang="html">
-  <div>
+  <div class="content">
     <p>
       <router-link to="/">Go back</router-link>      
     </p>
diff --git a/assets/index.html b/assets/index.html
index 3aca2474..ab90d2d2 100644
--- a/assets/index.html
+++ b/assets/index.html
@@ -3,6 +3,7 @@
 
 <head>
   <meta charset="utf-8">
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.2/css/bulma.css" integrity="sha256-dMQYvN6BU9M4mHK94P22cZ4dPGTSGOVP41yVXvXatws=" crossorigin="anonymous" />
 </head>
 
 <body>
diff --git a/assets/pages/Container.vue b/assets/pages/Container.vue
index 8ac499e7..937c55cd 100644
--- a/assets/pages/Container.vue
+++ b/assets/pages/Container.vue
@@ -1,7 +1,7 @@
 <template lang="html">
-  <ul ref="logs">
+  <pre ref="logs">
     
-  </ul>
+  </pre>
 </template>
 
 <script>
@@ -16,19 +16,13 @@ export default {
     ws.onerror = e => console.error("Connection error: " + e.data);
     ws.onmessage = e => {
       const parent = this.$refs.logs;
-      const item = document.createElement("li");
-      item.innerHTML = e.data;
+      const item = document.createTextNode(e.data);
       parent.appendChild(item);
+      parent.scrollIntoView({block: "end"});
     };
   }
 };
 </script>
 <style>
-ul {
-  padding: 0;
-  margin: 0;
-}
-ul li {
-  list-style-type: none;
-}
+
 </style>
\ No newline at end of file
