From 40de52babda00d56d874013669a8ab265ff1b0cc Mon Sep 17 00:00:00 2001
From: BroodjeAap <davidzessen@gmail.com>
Date: Sun, 2 Aug 2020 13:14:29 +0000
Subject: [PATCH] some more css changes

---
 static/css/style.css  | 32 +++++++++++++++++++++++++++++---
 templates/stream.html |  4 ++++
 2 files changed, 33 insertions(+), 3 deletions(-)

diff --git a/static/css/style.css b/static/css/style.css
index efa21a6..1b29c9a 100755
--- a/static/css/style.css
+++ b/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;
-    margin-left: 10px;
-    margin-right: 10px;
+    padding-top: 20px;
+    padding-left: 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;
diff --git a/templates/stream.html b/templates/stream.html
index 12d9501..e0d26b3 100755
--- a/templates/stream.html
+++ b/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>