diff --git a/src/views/Lobby.vue b/src/views/Lobby.vue
index 5adeb62..1750002 100644
--- a/src/views/Lobby.vue
+++ b/src/views/Lobby.vue
@@ -85,8 +85,9 @@
>{{ inviteLink }}
+
- Players:
+
-
{{ player }}
@@ -94,12 +95,18 @@
-
+
+
+ Change name
+
- Change name
+ Leave room
@@ -184,6 +191,32 @@
margin: 10px;
border: 1px solid rgba($white, 20%);
border-radius: 10px;
+ display: grid;
+ grid-template: 50px 1fr / 200px 1fr 300px;
+
+ .info {
+ grid-column: 1 / max;
+ grid-row: 1;
+ }
+
+ .players {
+ header {
+ font-weight: bold;
+ margin-bottom: 5px;
+ }
+ grid-row: 2 / max;
+ grid-column: 1;
+ }
+
+ .chat {
+ grid-row: 2 / max;
+ grid-column: 2;
+ }
+
+ .player-options {
+ grid-row: 2 / max;
+ grid-column: 3;
+ }
}
.only-mobile {
@@ -211,6 +244,14 @@
}
}
}
+
+ .room {
+ display: flex;
+ flex-flow: column;
+ & > * {
+ padding: 10px;
+ }
+ }
}