minor layout tweaks

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>

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>
 

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>