some more css changes

static/css/style.css

@@ -11,13 +11,17 @@
 .menu {
     flex-basis: 15%;
     align-items: center;
+    background-color: transparent;
+    background: #191818;
+    color: #565d64;
 }
 
 .menu-header {
     font-size: 30px;
-    margin-top: 20px;
+    padding-top: 20px;
-    margin-left: 10px;
+    padding-left: 10px;
-    margin-right: 10px;
+    padding-right: 10px;
+    display: block;
 }
 
 .menu-item {
@@ -25,12 +29,34 @@
     margin-top: 15px;
     margin-left: 10px;
     margin-right: 10px;
+    color: #999;
+    display: block;
 }
 
 .content {
     flex-basis: 85%;
+    align-items: center;
 }
 
+.content-header {
+    margin: 0;
+    color: #333;
+    text-align: center;
+    padding: 2.5em 2em 0;
+    border-bottom: 1px solid #eee;
+}
+   .content-header h1 {
+       margin: 0.2em 0;
+       font-size: 3em;
+       font-weight: 300;
+   }
+    .content-header h2 {
+       font-weight: 300;
+       color: #ccc;
+       padding: 0;
+       margin-top: 0;
+   }
+
 .debug-img-div {
     flex-basis: 30%;
     align-self: stretch;

templates/stream.html

@@ -4,6 +4,10 @@
 {{end}}
 {{define "content"}}
 <div class="flex-column" id="content">
+    <div class="content-header">
+        <h1>{{ .Name }}</h1>
+        <h2>{{ .URL }}</h2>
+    </div>
     <div class="stream-canvas-div">
         <img class="stream-canvas" src="{{ .GetCurrentColorURL }}" id="current_color_stream" hidden>
         <canvas class="stream-canvas" id="canvas">Not supported</canvas>