From bb64df57ffa419373af19476b55c303810a89f75 Mon Sep 17 00:00:00 2001
From: Alain Nussbaumer <alain.nussbaumer@alleluia.ch>
Date: Tue, 26 Aug 2025 19:55:54 +1000
Subject: [PATCH] [web] Show menu icons on mobile

---
 web-src/src/components/NavbarTop.vue | 26 +++++++++++++++++---------
 1 file changed, 17 insertions(+), 9 deletions(-)

diff --git a/web-src/src/components/NavbarTop.vue b/web-src/src/components/NavbarTop.vue
index a18625bd..e797eb09 100644
--- a/web-src/src/components/NavbarTop.vue
+++ b/web-src/src/components/NavbarTop.vue
@@ -1,14 +1,16 @@
 <template>
   <nav class="navbar is-fixed-top is-top">
-    <div class="navbar-brand is-flex-grow-1">
-      <control-link
-        v-for="menu in menus.filter((menu) => menu.show && !menu.sub)"
-        :key="menu.name"
-        :to="{ name: menu.name }"
-        class="navbar-item is-hidden-mobile"
-      >
-        <mdicon class="icon" :name="menu.icon" size="16" />
-      </control-link>
+    <div class="navbar-brand is-fullwidth">
+      <div class="is-flex is-clipped">
+        <control-link
+          v-for="menu in menus.filter((menu) => menu.show && !menu.sub)"
+          :key="menu.name"
+          :to="{ name: menu.name }"
+          class="navbar-item"
+        >
+          <mdicon class="icon" :name="menu.icon" size="16" />
+        </control-link>
+      </div>
       <a class="navbar-item ml-auto" @click="uiStore.toggleBurgerMenu">
         <mdicon
           class="icon"
@@ -142,3 +144,9 @@ export default {
   }
 }
 </script>
+
+<style scoped>
+.is-fullwidth {
+  width: 100%;
+}
+</style>