diff --git a/public/css/style.scss b/public/css/style.scss index 1aa3c10c9..704e4f239 100644 --- a/public/css/style.scss +++ b/public/css/style.scss @@ -2305,7 +2305,7 @@ key { } .lobby{ display: grid; - grid-template-areas: "currentsettings currentsettings" + grid-template-areas: "currentsettings lobbyButtons" "chat userlist" "inviteLink inviteLink"; gap: 2rem; @@ -2313,8 +2313,25 @@ key { .title{ color: var(--sub-color); } + .lobbyButtons{ + grid-area: lobbyButtons; + } .currentSettings{ grid-area: currentsettings; + .groups{ + display: grid; + // grid-auto-flow: column; + justify-items: center; + grid-template-columns: 1fr 1fr 1fr 1fr; + .group{ + padding: .5rem; + color: var(--text-color); + .fas,.far{ + margin-right: .5rem; + color: var(--main-color); + } + } + } } .chat{ grid-area: chat; diff --git a/public/index.html b/public/index.html index ada50919e..6537e50ac 100644 --- a/public/index.html +++ b/public/index.html @@ -3017,7 +3017,11 @@