From 93c2048717b1d25a7ecf8047118e8ad2df669a4a Mon Sep 17 00:00:00 2001
From: Leonardo Bishop <me@leonardobishop.com>
Date: Sat, 4 Nov 2023 23:20:48 +0000
Subject: dsjkfghskdljf

---
 frontend/src/views/JoinView.vue | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

(limited to 'frontend/src/views/JoinView.vue')

diff --git a/frontend/src/views/JoinView.vue b/frontend/src/views/JoinView.vue
index abfbd1a..c9344db 100644
--- a/frontend/src/views/JoinView.vue
+++ b/frontend/src/views/JoinView.vue
@@ -51,10 +51,23 @@ function sendRight() {
     <h1 v-if="joiningGame">Joining game "{{ sessionId }}"...</h1>
     <h1 v-if="connected">Connected to "{{ sessionId }}"</h1>
     <h1 v-if="gameState === 'waiting'">Waiting for host to start the game...</h1>
-    <div v-if="gameState === 'playing'">
+    <div class='controls' v-if="gameState === 'playing'">
       <button @click="sendLeft">Left</button>
       <button @click="sendRotate">Rotate</button>
       <button @click="sendRight">Right</button>
     </div>
   </main>
 </template>
+
+<style scoped>
+  .controls {
+    display: flex;
+    flex-direction: row;
+    height: 100vh;
+    gap: 0.5rem;
+  }
+  
+  .controls button {
+    flex-grow: 1;
+  }
+</style>
-- 
cgit v1.2.3-70-g09d2