css

raspberry/roberto/views/frontend/templates/index.html

@@ -10,7 +10,7 @@
       body {
         background: black;
       }
-      #stream, #textoverlay, #controls {
+      #stream, #textoverlay {
         position: absolute;
         top: 0;
         bottom: 0;
@@ -19,6 +19,14 @@
         width: 100%;
         height: 100%;
       }
+      #controls {
+        position: absolute;
+        bottom: 40;
+        left: 0;
+        right: 0;
+        width: 100%;
+        height: 33%;
+      }
       p {
         position: relative;
         z-index: 1;
@@ -29,6 +37,10 @@
         top: 20px;
         right: 50px
       }
+      .stats-box {
+        opacity: 0.6;
+        z-index: 1;
+      }
       #textoverlay, #controls, .stats-box {
         pointer-events: none;
       }