Fix main app styling

2 files changed, 33 insertions, 10 deletions

diff --git a/client-web/public/assets/style/master.css b/client-web/public/assets/style/master.css
index d4cdac8..074f39a 100644
--- a/client-web/public/assets/style/master.css
+++ b/client-web/public/assets/style/master.css
@@ -49,21 +49,26 @@ h1 {
 }
 
 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);
 }
 
@@ -75,10 +80,15 @@ input[type="number"] {
 }
 
 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;
@@ -132,6 +142,15 @@ button:disabled {
     text-align: center;
 }
 
+.main {
+    height: calc(100vh - 64px);
+    display: flex;
+}
+
+.room {
+    width: 100%;
+}
+
 #room-id-input {
     padding: 0.5em;
     font-size: x-large;
diff --git a/client-web/public/assets/style/menu.css b/client-web/public/assets/style/menu.css
index 4f5e786..6f67af0 100644
--- a/client-web/public/assets/style/menu.css
+++ b/client-web/public/assets/style/menu.css
@@ -4,17 +4,14 @@
     Copyright (C) 2022 metamuffin <metamuffin@disroot.org>
 */
 
-
-.bottom-menu {
-    background-color: var(--bg);
-    padding: 0.5em;
-    position: fixed;
-    bottom: 0;
+.control-bar {
+    background-color: var(--bg);    
     border: 0px solid transparent;
     display: flex;
     align-items: center;
     justify-content: center;
     width: 100%;
+    height: 64px;
     z-index: 100;
 }
 
@@ -31,3 +28,10 @@
     color: var(--ac-light);
     padding: 0.5em;
 }
+
+.info-br {
+    position: absolute;
+    right: 0.5em;
+    bottom: calc(64px + 0.5em);
+    text-align: right;
+}
\ No newline at end of file