From 00a04906b397c5731b757a641ecf320c8b9ac745 Mon Sep 17 00:00:00 2001
From: Fen Dweller <chemicalcrux@gmail.com>
Date: Fri, 7 Aug 2020 16:16:39 -0400
Subject: [PATCH] Fix tab order on nav buttons

---
 src/components/Explore.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/Explore.vue b/src/components/Explore.vue
index eb5951c..f5e4401 100644
--- a/src/components/Explore.vue
+++ b/src/components/Explore.vue
@@ -21,7 +21,7 @@
       <p class="location-desc">{{ location.desc }}</p>
     </div>
     <div class="explore-nav">
-      <NavButton @click.native="writeLog(location.connections[direction].travel(world, world.player))" v-for="direction in Object.keys(location.connections)" :key="direction" :style="navBtnCss(direction)" :location="location" :direction="direction" />
+      <NavButton @click.native="writeLog(location.connections[direction].travel(world, world.player))" v-for="direction in Object.keys(directions).filter(dir => Object.keys(location.connections).includes(dir))" :key="direction" :style="navBtnCss(direction)" :location="location" :direction="direction" />
     </div>
     <div class="explore-choices">
       <ChoiceButton @click.native="writeLog(choice.execute(world, world.player))" v-for="(choice, index) in location.choices.filter(choice => choice.visible(world))" :key="'choice' + index" :choice="choice" :world="world" />
@@ -101,9 +101,9 @@ export default class Explore extends Vue {
   position: relative;
   display: grid;
   grid-template-areas: "info log log statblock"
-                       "worldinfo log log containers"
+                       "worldinfo log log statblock"
                        "nav nav choices containers  ";
-  grid-template-rows: fit-content(50%) 1fr minmax(25%, 33%);
+  grid-template-rows: fit-content(50%) 1fr 18rem;
   grid-template-columns: 1fr 1fr 1fr 1fr;
   width: 100%;
   height: 100%;