From 5e5b2b164e003a918107d6f6f406717d8013bbf0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=B6rn-Michael=20Miehe?= <jmm@yavook.de>
Date: Fri, 27 Oct 2023 20:52:06 +0000
Subject: [PATCH] Calendar component: bulma level fix responsiveness

---
 ui/src/components/Calendar.vue | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/ui/src/components/Calendar.vue b/ui/src/components/Calendar.vue
index 566ac96..3ed0948 100644
--- a/ui/src/components/Calendar.vue
+++ b/ui/src/components/Calendar.vue
@@ -2,19 +2,21 @@
   <MultiModal @handle="modal_handle" />
 
   <figure>
-    <div class="level is-mobile mb-2">
+    <div class="level">
       <div class="level-left">
         <figcaption class="level-item has-text-primary-dark">
           {{ figure_caption }}
         </figcaption>
       </div>
       <div class="level-right">
-        <BulmaButton
-          class="level-item tag is-link"
-          text="Türchen anzeigen"
-          :icon="'fa-solid fa-toggle-' + (show_doors ? 'on' : 'off')"
-          @click.left="show_doors = !show_doors"
-        />
+        <div class="level-item">
+          <BulmaButton
+            class="tag is-warning is-outlined"
+            text="Türchen anzeigen"
+            :icon="'fa-solid fa-toggle-' + (show_doors ? 'on' : 'off')"
+            @click.left="show_doors = !show_doors"
+          />
+        </div>
       </div>
     </div>
     <div class="image is-unselectable">