Merge pull request #6 from tomwalsh-home/compliment-doesnt-move

sbimochan · Oct 5, 2020 · ba8bca8 · ba8bca8
2 parents aead8a0 + 83020d5
commit ba8bca8
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -9,7 +9,7 @@
   <link rel="stylesheet" href="spinner.css" type="text/css" media="all">
 </head>
 <body>
-  <div>
+  <div class="video-window-wrapper">
     <div class="spinner">
     <div class="sk-cube-grid">
       <div class="sk-cube sk-cube1"></div>
@@ -27,7 +27,7 @@
       <video id="video">Video stream not available.</video>
     </div>
     <div id="subtitle">
-    </div>  
+    </div>
   </div>
 </body>
 <script src="script.js"></script>

diff --git a/main.css b/main.css
@@ -10,13 +10,22 @@ body {
   background: #1D1F20;
 }
 
+.video-window-wrapper {
+  position: relative;
+}
+
 #subtitle {
   color: #eee;
   font-family: 'Raleway';
   display: flex;
   align-items: center;
   justify-content: center;
   padding-top: 20px;
+  position: absolute;
+  bottom: -65px;
+  left: 50%;
+  width: 100%;
+  transform: translateX(-50%);
 }
 
 #camera {