From 78acde8cc0fa4afaab343bb89c599c54120d22b6 Mon Sep 17 00:00:00 2001
From: Alexander Rind <1217527+alex-rind@users.noreply.github.com>
Date: Tue, 8 Aug 2023 13:25:14 +0200
Subject: [PATCH] prevent scrolling in landscape mode

---
 public/index.html             | 2 +-
 src/App.vue                   | 8 ++++----
 src/components/NetworkMap.vue | 3 +++
 src/views/HomeView.vue        | 6 +++++-
 4 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/public/index.html b/public/index.html
index 1e8f592..95c58bb 100644
--- a/public/index.html
+++ b/public/index.html
@@ -12,7 +12,7 @@
     <noscript>
       <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
     </noscript>
-    <div id="app"></div>
     <!-- built files will be auto injected -->
+    <div id="app"></div>
   </body>
 </html>
diff --git a/src/App.vue b/src/App.vue
index 9b83da6..2dfc132 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,8 +1,8 @@
 <template>
-  <div id="nav">
-    <!-- <router-link to="/">Home</router-link> -->
-    <!-- <router-link to="/about">About</router-link> -->
-  </div>
+  <!-- <div id="nav">
+     <router-link to="/">Home</router-link>
+     <router-link to="/about">About</router-link>
+  </div> -->
   <router-view />
 </template>
 <script lang="ts">
diff --git a/src/components/NetworkMap.vue b/src/components/NetworkMap.vue
index 8629736..e8ee831 100644
--- a/src/components/NetworkMap.vue
+++ b/src/components/NetworkMap.vue
@@ -709,9 +709,12 @@ line.select {
 #brushBtns {
   position: absolute;
   visibility: hidden;
+  top: 0;
+  right: 0;
   // display: flex;
   // flex-direction: column;
 }
+
 #brushBtns > button {
   display: block;
   margin-bottom: 0.5rem;
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 92eb37c..4931ed2 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -135,7 +135,7 @@ export default defineComponent({
   background: $fhstpblue; /* #005096; /* $light; */
   color: white;
   padding: 1vmin 1vmin 0.3rem 1vmin;
-  margin: 0.5rem 1px 0 1px;
+  margin: 1rem 1px 0 1px;
   border-radius: 6px 6px 0 0;
   flex-shrink: 0;
 
@@ -189,6 +189,10 @@ export default defineComponent({
     overflow-y: auto;
   }
 
+  html {
+    overflow-y: hidden !important;
+  }
+
   /* Hide scrollbar for Chrome, Safari and Opera */
   body::-webkit-scrollbar {
     display: none;