From ce3db11cfd8ffc88ac9e7d095efdf6afc5036ddd Mon Sep 17 00:00:00 2001
From: Alain Nussbaumer <alain.nussbaumer@alleluia.ch>
Date: Sun, 4 May 2025 12:12:33 +0200
Subject: [PATCH] [web] Fix styling in mobile mode

---
 web-src/src/components/ControlTabList.vue    | 2 +-
 web-src/src/templates/ContentWithHeading.vue | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/web-src/src/components/ControlTabList.vue b/web-src/src/components/ControlTabList.vue
index a6b5814e..a5731a85 100644
--- a/web-src/src/components/ControlTabList.vue
+++ b/web-src/src/components/ControlTabList.vue
@@ -16,7 +16,7 @@
                   <a @click="navigate" @keypress.enter="navigate">
                     <mdicon
                       v-if="link.icon"
-                      class="icon is-small"
+                      class="icon is-small mx-1"
                       :name="link.icon"
                     />
                     <span
diff --git a/web-src/src/templates/ContentWithHeading.vue b/web-src/src/templates/ContentWithHeading.vue
index d30151b4..fb090642 100644
--- a/web-src/src/templates/ContentWithHeading.vue
+++ b/web-src/src/templates/ContentWithHeading.vue
@@ -15,9 +15,9 @@
           </div>
           <div>
             <nav class="level is-clipped">
-              <div class="level-left is-flex-shrink-1">
+              <div class="level-left">
                 <div
-                  class="level-item is-flex-shrink-1 has-text-centered-mobile"
+                  class="level-item has-text-centered-mobile"
                 >
                   <div>
                     <slot name="heading" />
@@ -26,7 +26,7 @@
               </div>
               <div
                 v-if="$slots.actions"
-                class="level-right has-text-centered-mobile"
+                class="level-right is-flex-shrink-1 has-text-centered-mobile"
               >
                 <div class="buttons">
                   <slot name="actions" />