Style tweaks and copyright

app.js

@@ -62,6 +62,8 @@ let App = new Vue({
     },
     
     start() {
+      this.logs = [];
+      
       this.intervalTimer = setInterval(() => {
         this.fetchLog();
       }, this.fetchEvery);

css/styles.css

@@ -2,11 +2,18 @@ a:visited, a:active, a:link {
     color: black;
 }
 
+
 .header {
-    padding: 1em;
+    padding-top: 1em;
     width: 100%;
 }
 
+.header-disclaimer {
+    font-size: 14px;
+    font-style: italic;
+    margin-top: 1.5em;
+}
+
 .text-center {
     align-items: center;
     text-align: center;

index.html

@@ -15,8 +15,12 @@
         <div class="text-center">
             <h1>WIN System - Who's Talking?</h1>
             <button v-cloak class="pure-button pure-button-primary" @click="toggleTail" :class="{ 'button-error': enabled }">
-                {{ enabled ? "Stop" : "Start" }} Tail
+                {{ enabled ? "Stop" : "Start" }} Log
             </button>
+            <div class="header-disclaimer">
+                Not all keyups are captured. This is not an official WIN system feed.<p></p>
+                &copy; 2020 Rob Vella KK9ROB
+            </div>
         </div>
     </div>
     <div class="content-wrapper">
@@ -45,6 +49,11 @@
             </table>
         </div>
     </div>
+    <div class="footer">
+        <div class="text-center">
+            &copy; 2020 Rob Vella, KK9ROB
+        </div>
+    </div>
 </div>
 
 <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.10.2/underscore-min.js"></script>