From 3bf46847e973c0ae44004613985ac710714746be Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=B6rn-Michael=20Miehe?= <jmm@yavook.de>
Date: Sat, 16 Sep 2023 01:19:21 +0000
Subject: [PATCH] minor layout tweaks

---
 ui/src/App.vue                            | 11 +++++++++++
 ui/src/components/AdminButton.vue         |  2 +-
 ui/src/components/admin/DoorMapEditor.vue |  8 +++++++-
 3 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/ui/src/App.vue b/ui/src/App.vue
index 7f33e41..efb0cfc 100644
--- a/ui/src/App.vue
+++ b/ui/src/App.vue
@@ -7,6 +7,7 @@
           <h2 class="subtitle">Der Gelöt</h2>
         </div>
       </div>
+
       <div class="level-right">
         <div class="level-item pr-4">
           <AdminButton v-model="is_admin" />
@@ -43,7 +44,17 @@ export default class extends Vue {
 </script>
 
 <style>
+html {
+  overflow-y: auto !important;
+}
+
 body {
   min-height: 100vh;
 }
 </style>
+
+<style scoped>
+section.hero {
+  overflow-x: auto;
+}
+</style>
diff --git a/ui/src/components/AdminButton.vue b/ui/src/components/AdminButton.vue
index b1e4885..88a4f41 100644
--- a/ui/src/components/AdminButton.vue
+++ b/ui/src/components/AdminButton.vue
@@ -6,7 +6,7 @@
     @click.left="on_click"
     :icon="'fa-solid fa-toggle-' + (modelValue ? 'on' : 'off')"
     :busy="is_busy"
-    :text="modelValue ? 'Admin' : 'User'"
+    :text="modelValue ? 'Logout' : 'Login'"
   />
 </template>
 
diff --git a/ui/src/components/admin/DoorMapEditor.vue b/ui/src/components/admin/DoorMapEditor.vue
index bf5e322..b2490cf 100644
--- a/ui/src/components/admin/DoorMapEditor.vue
+++ b/ui/src/components/admin/DoorMapEditor.vue
@@ -1,6 +1,6 @@
 <template>
   <BulmaDrawer header="Türchen bearbeiten" @open="on_open">
-    <nav class="level mb-0">
+    <nav class="level is-mobile mb-0">
       <BulmaButton
         :disabled="current_step === 0"
         class="level-item is-link"
@@ -163,3 +163,9 @@ export default class extends Vue {
   }
 }
 </script>
+
+<style scoped>
+nav.level {
+  overflow-x: auto;
+}
+</style>