From 80dfd37bdc5073d385612a2f41c99dac036d1161 Mon Sep 17 00:00:00 2001
From: TAKAHASHI Shuuji <shuuji3@gmail.com>
Date: Thu, 2 Jan 2025 18:06:14 +0900
Subject: [PATCH] style: adjust preview styling

---
 components/settings/SettingsBottomNav.vue | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/components/settings/SettingsBottomNav.vue b/components/settings/SettingsBottomNav.vue
index 5ac491fc11..8750845b6b 100644
--- a/components/settings/SettingsBottomNav.vue
+++ b/components/settings/SettingsBottomNav.vue
@@ -89,15 +89,14 @@ const hideLabel = useHideBottomNavigationLabel()
         {{ $t('settings.interface.bottom_nav_instructions') }}
       </p>
       <!-- preview -->
-      <div aria-hidden="true" flex="~ gap4 wrap" items-center select-settings h-auto>
+      <div aria-hidden="true" flex="~ wrap" items-center select-settings p-0 pt-1 h-auto>
         <nav
           v-for="availableNavButton in selectedNavButtons" :key="availableNavButton.name"
           flex="~ col 1" items-center justify-center text-xl
           scrollbar-hide overscroll-none
-          :class="hideLabel ? null : 'gap-1'"
         >
           <span :class="availableNavButton.icon" />
-          <span v-if="!hideLabel" text-xs text-center>{{ $t(availableNavButton.label) }}</span>
+          <span v-if="!hideLabel" text-2.5 text-center>{{ $t(availableNavButton.label) }}</span>
         </nav>
       </div>