From 94bbae9ffa1eb99721df122ea414ba32c9042d5e Mon Sep 17 00:00:00 2001
From: Matt Isenhower <matt@isenhower.com>
Date: Thu, 24 Aug 2017 12:27:32 -0700
Subject: [PATCH] Hide the region dropdown when there aren't any active
 festivals

There isn't really any point in showing this dropdown unless a festival is active since that's the only regional difference.
This also moves the "SplatNet Gear" button to the right side of the screen.
---
 src/js/components/App.vue | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/js/components/App.vue b/src/js/components/App.vue
index 067a461..998d8cb 100644
--- a/src/js/components/App.vue
+++ b/src/js/components/App.vue
@@ -19,16 +19,19 @@
                 </div>
 
                 <div class="level">
-                    <div class="level-left">
-                        <div class="level-item" style="padding-top: 10px" v-if="merchandises && merchandises.length">
+                    <div class="level-left"></div>
+                    <div class="level-right">
+                        <div class="level-item" v-if="merchandises && merchandises.length">
                             <button class="button is-translucent-dark is-rounded" @click="splatNetGearOpen = true">
                                 <span class="font-splatoon2">SplatNet Gear</span>
                             </button>
                         </div>
-                    </div>
 
-                    <div class="level-right">
-                        <div class="level-item">
+                        <div class="level-item" v-if="festival">
+                            <!-- Empty spacer to add some room when festivals are active -->
+                        </div>
+
+                        <div class="level-item" v-if="festival">
                             <Dropdown :options="regions" v-model="selectedRegionKey" style="margin: 0 -12px"></Dropdown>
                         </div>
                     </div>