3 files changed, 34 insertions, 16 deletions
diff --git a/client-web/style/master.sass b/client-web/style/master.sass
index 5ca6028..6e8793f 100644
--- a/client-web/style/master.sass
+++ b/client-web/style/master.sass
@@ -19,7 +19,8 @@
     padding: 0px
 
 body.start
-    background-image: linear-gradient(var(--ac-dark-transparent), black 150%), url("/assets/tile-backdrop.svg")
+    background-image: linear-gradient(var(--ac-dark-transparent), black 150%),
+        url("./tile-backdrop.svg");
     background-attachment: fixed
     background-size: cover, 750px
     background-color: var(--ac-dark)
@@ -33,9 +34,6 @@ body.start
 body
     font-weight: 300
     background-color: var(--bg-dark)
-    height: 100vh
-    width: 100vw
-    justify-content: left
 
 h1
     text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.75)
@@ -45,19 +43,24 @@ h1
     margin-bottom: 0.1em
 
 input[type="button"],
-button
+button,
+.side-ui-control
     padding: 0.5em
     margin: 0.25em
     background-color: var(--ac)
     border: 0px solid transparent
     border-radius: 3px
+    font-size: small
+    font-weight: 400
 
 input[type="button"]:hover,
-button:hover
+button:hover,
+.side-ui-control:hover
     filter: brightness(130%)
 
 input[type="button"].active,
-button.active
+button.active,
+.side-ui-control:active
     filter: hue-rotate(20deg)
 
 input[type="text"],
@@ -67,9 +70,13 @@ input[type="number"]
     border: 1px solid var(--ac-light)
 
 input:disabled,
-button:disabled
+button:disabled,
+.side-ui-control:disabled
     filter: sepia(90%)
 
+.side-ui-control input
+    display: none
+
 .start-box
     text-align: center
     position: absolute
@@ -117,6 +124,10 @@ button:disabled
     font-weight: bold
     text-align: center
 
+.main
+    height: calc(100vh - 64px)
+    display: flex
+
 #room-id-input
     padding: 0.5em
     font-size: x-large
diff --git a/client-web/style/menu.sass b/client-web/style/menu.sass
index ec1c35c..0ca804e 100644
--- a/client-web/style/menu.sass
+++ b/client-web/style/menu.sass
@@ -3,16 +3,14 @@
  which is licensed under the GNU Affero General Public License (version 3); see /COPYING.
  Copyright (C) 2023 metamuffin <metamuffin@disroot.org>
 
-
-.bottom-menu
+.control-bar
     background-color: var(--bg)
-    padding: 0.5em
-    position: fixed
-    bottom: 0.5em
     border: 0px solid transparent
-    border-radius: 5px
-    left: 50%
-    transform: translateX(-50%)
+    display: flex
+    align-items: center
+    justify-content: center
+    width: 100%
+    height: 64px
     z-index: 100
 
 .menu-br
@@ -27,3 +25,9 @@
     font-weight: bold
     color: var(--ac-light)
     padding: 0.5em
+
+.info-br
+    position: absolute
+    right: 0.5em
+    bottom: calc(64px + 0.5em)
+    text-align: right
diff --git a/client-web/style/room.sass b/client-web/style/room.sass
index 0c6d8d7..46dde36 100644
--- a/client-web/style/room.sass
+++ b/client-web/style/room.sass
@@ -5,6 +5,9 @@
 
 .room
     overflow-y: scroll
+    width: 100%
+    display: flex
+    flex-wrap: wrap
 
 .user
     background-color: var(--bg)