From 83bc1246fb207f902f5007aacc614153284730fc Mon Sep 17 00:00:00 2001
From: Jeppe Bundgaard <jb@truckwash.dk>
Date: Fri, 5 Dec 2025 20:19:45 +0100
Subject: [PATCH] "Refactor NavigationMenuDepartment button formatting for
 improved readability in mobile tooltip layout."

---
 .../viewport/page/headers/menu/NavigationMenuDepartment.vue  | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/viewport/page/headers/menu/NavigationMenuDepartment.vue b/src/components/viewport/page/headers/menu/NavigationMenuDepartment.vue
index 16c97ead..5f6e67c8 100644
--- a/src/components/viewport/page/headers/menu/NavigationMenuDepartment.vue
+++ b/src/components/viewport/page/headers/menu/NavigationMenuDepartment.vue
@@ -76,7 +76,10 @@ const getDepartmentLabel = (departmentId: number): string => {
       <!-- Mobile view -->
       <div class="control">
         <b-tooltip position="is-bottom" multilined type="is-info">
-          <b-button icon-left="building" icon-pack="fas" :label="getDepartmentLabel(SessionUser.functions.getDepartmentIdFromUrl()) || selectADepartmentString" class="is-fullwidth is-rounded"/>
+          <b-button icon-left="building"
+                    icon-pack="fas"
+                    :label="getDepartmentLabel(SessionUser.functions.getDepartmentIdFromUrl()) || selectADepartmentString"
+                    class="is-fullwidth is-rounded"/>
           <template v-slot:content>
             <!-- Pick a department tooltip content -->
             <!-- Scrollable list of departments -->