appearance changes

dashboard/index.css

@@ -1,3 +1,7 @@
+* {
+    margin: 0;
+    padding: 0;
+}
 body {
     background-color: #666;
     display: flex;
@@ -5,6 +9,13 @@ body {
     align-items: center;
     color: white;
 }
+h3 {
+    color: white;
+    width: 100%;
+    text-align: left;
+    background-color: #333;
+    padding: 10px 0;
+}
 .controls-container {
     display: flex;
     width: 100%;

dashboard/index.html

@@ -9,9 +9,10 @@
     </head>
     <body>
         <div class="controls-container">
+            <h3>Podpisy/wizytówki</h3>
             <form id="cast-flyout">
-                <label>Komentator lewy <input id='cast-left' type="text"></input></label>
-                <label>Komentator prawy <input id='cast-right' type="text"></input></label>
+                <label>Lewa strona <input id='cast-left' type="text"></input></label>
+                <label>Prawa strona <input id='cast-right' type="text"></input></label>
                 <button type="submit">Pokaż</button>
                 <button type="reset">Ukryj</button>
             </form>

overlays/index.css

@@ -3,15 +3,18 @@ body {
     position: relative;
     width: 1920px;
     height: 1080px;
+    margin: 0;
+    padding: 0;
 }
 #cast-flyout {
     position: absolute;
     bottom: 0;
     left: 0;
-    width: inherit;
+    width: calc(1920px - 20px);
     display: flex;
     align-items: center;
     justify-content: center;
+    padding: 0 10px;
 }
 .cast-bar {
     padding: 10px;