diff --git a/components/LobbyView.vue b/components/LobbyView.vue
index ec5ac9e..6daf671 100644
--- a/components/LobbyView.vue
+++ b/components/LobbyView.vue
@@ -27,9 +27,17 @@ function killErika() {
             <div class="games-list-zone">
                 <div v-for="g in goStore.lobby?.games">
                     <button v-if="g" @click="join_game(g.uuid)">
-                        started:{{ g.started }}
-                        ended:{{ g.ended }}
-                        players:<span v-for="p in g.players">{{ p.username }},</span>
+                        <template v-if="!g.started">
+                            JOIN
+                        </template>
+                        <template v-if="g.started && !g.ended">
+                            SPECTATE
+                        </template>
+                        <template v-if="g.started && g.ended">
+                            GAME ENDED
+                        </template>
+                        <br>
+                        current players:<br><span v-for="p in g.players">{{ p.username }},</span>
                     </button>
                 </div>
             </div>