cleaned up stream urls in menu a bit

static/css/style.css

@@ -14,6 +14,8 @@
     background-color: transparent;
     background: #191818;
     color: #565d64;
+    flex: 1; 
+    flex-basis: auto;
 }
 
 .menu-header {
@@ -26,11 +28,18 @@
 
 .menu-item {
     font-size: 20px;
-    margin-top: 15px;
-    margin-left: 10px;
-    margin-right: 10px;
+    margin-top: 10px;
+    padding-top: 5px;
+    padding-left: 10px;
+    padding-right: 10px;
+    padding-bottom: 5px;
     color: #999;
     display: block;
+    text-decoration: none;
+}
+
+.menu-item:hover {
+    background-color: #232222;
 }
 
 .content {

templates/base.html

@@ -10,6 +10,7 @@
         <div class="flex-row">
             <div class="menu flex-column">
                 <div class="menu-header">Streams</div>
+                <a href="/addStream" class="menu-item">Add Stream</a>
                 {{if .Streams}}
                     {{range $name, $stream := .Streams}}
                         <a href="/?name={{$name}}" class="menu-item">{{$name}}</a>