From aed8bd128f7e750e28df47fba47e21a707b1d733 Mon Sep 17 00:00:00 2001
From: Oliver-Akins <Tyler.Akins1999@gmail.com>
Date: Mon, 5 Oct 2020 22:51:02 -0600
Subject: [PATCH] Add styling (and convert from Stylus to CSS)

---
 src/views/Lobby.vue | 28 ++++++++++++++++++++++++----
 1 file changed, 24 insertions(+), 4 deletions(-)

diff --git a/src/views/Lobby.vue b/src/views/Lobby.vue
index 0556577..8494dfe 100644
--- a/src/views/Lobby.vue
+++ b/src/views/Lobby.vue
@@ -80,11 +80,31 @@ export default {
 }
 </script>
 
-<style lang="stylus" scoped>
-@import "../theme.styl"
+<style scoped>
+@import "../css/colours.css";
 
 #game_lobby {
-	text-align: center
-	width: 90vw
+	text-align: center;
+	width: 90vw;
+}
+
+.player {
+	background-color: var(--card-background-colour);
+	justify-content: space-between;
+	color: var(--card-text-colour);
+	margin: 5px auto;
+	display: flex;
+	width: 30vw;
+}
+
+.name {
+	align-items: center;
+	display: flex;
+	flex-grow: 2;
+	margin: 5px;
+}
+
+.kick {
+	margin: 5px;
 }
 </style>
\ No newline at end of file