diff options
| -rw-r--r-- | static/index.css | 29 | ||||
| -rw-r--r-- | static/index.html | 4 |
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> |