From 31ed582a5b237abdf73eae587a48c01fddb2a86f Mon Sep 17 00:00:00 2001
From: Dennis Postma <dennis@directonline.io>
Date: Sun, 21 Jul 2024 20:34:10 +0200
Subject: [PATCH] Improved HTML structure

---
 src/screens/Game.vue | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/screens/Game.vue b/src/screens/Game.vue
index 1a48739..bbee8c2 100644
--- a/src/screens/Game.vue
+++ b/src/screens/Game.vue
@@ -1,8 +1,8 @@
 <template>
-  <div class="flex justify-center items-center h-dvh p-8 relative">
-    <GmTools v-if="isLoaded && gameStore.character?.role === 'gm'" />
-    <GmPanel v-if="isLoaded && gameStore.character?.role === 'gm'" />
+  <GmTools v-if="isLoaded && gameStore.character?.role === 'gm'" />
+  <GmPanel v-if="isLoaded && gameStore.character?.role === 'gm'" />
 
+  <div class="flex justify-center items-center h-dvh p-8 relative">
     <div v-if="!zoneEditorStore.active">
       <Game :config="gameConfig" @create="createGame">
         <Scene name="main" @preload="preloadScene" @create="createScene">
@@ -19,7 +19,6 @@
         </Scene>
       </Game>
     </div>
-
     <div v-if="zoneEditorStore.active">
       <Game :config="gameConfig" @create="createGame">
         <Scene name="main" @preload="preloadScene" @create="createScene">