Front

2 files changed, 22 insertions, 11 deletions

diff --git a/static/index.css b/static/index.css
index a630212..df30726 100644
--- a/static/index.css
+++ b/static/index.css
@@ -14,20 +14,25 @@ body {
     margin: 0px;
 }
 
+
+.footer {
+    position: relative;
+}
+
 .controls {
+    position: absolute;
+    bottom: 0;
     background-color: rgb(0%, 0%, 0%, 0.5);
-    height: 5%;
-    padding: 3px;
-    padding-left: 10px;
-    padding-right: 10px;
+    height: 10vh;
+    width: 100%;
+    padding: 5px 10px 5px 10px;
     border-radius: 10px 10px 0px 0px;
     margin: 0px;
     display: flex;
     flex-direction: row;
-    justify-items: center;
+    justify-content: center;
+    align-items: center;
     gap: 5px;
-
-    border-radius: 10px 10px 0px 0px;
 }
 
 .controlBtn {
@@ -37,10 +42,14 @@ body {
     background-color: lightgray;
     padding-left: 5px;
     padding-right: 5px;
-    margin: 0px;
+    margin: 10px;
+}
+
+input {
+    width: 12vw;
 }
 
 .controlElem {
-    margin: 0px;
-    padding: 0px;
+    margin: 5px 2px;
+    padding: 1vh;
 }
diff --git a/static/index.html b/static/index.html
index 10eb9b4..1ab0a3d 100644
--- a/static/index.html
+++ b/static/index.html
@@ -13,6 +13,8 @@
                 <h1 id="Start"> Start position </h1>
             </div>
         </div>
+    </body>
+    <footer class="footer">
         <div class="controls">
             <button onclick="Pause()" class="controlBtn"> 
                 <h1 onclick="Pause" class="controlElem"> Pause </h1>
@@ -32,5 +34,5 @@
         <audio id="mainAudio">
             <source type="audio/mpeg" />
         </audio>
-    </body>
+    </footer>
 </html>