From 22063c8bde21b6408843eb0a6ff7d93abc35980e Mon Sep 17 00:00:00 2001
From: Daniel Spaude <daniel@spaude.de>
Date: Thu, 16 Mar 2023 17:20:40 +0100
Subject: [PATCH] mobile mode table-nav layout: adapt padding

---
 packages/nc-gui/components/smartsheet/Toolbar.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/nc-gui/components/smartsheet/Toolbar.vue b/packages/nc-gui/components/smartsheet/Toolbar.vue
index 8fec1d30c7..a2cb1ab217 100644
--- a/packages/nc-gui/components/smartsheet/Toolbar.vue
+++ b/packages/nc-gui/components/smartsheet/Toolbar.vue
@@ -17,7 +17,7 @@ const { allowCSVDownload } = useSharedView()
 <template>
   <div
     class="nc-table-toolbar w-full py-1 flex gap-2 items-center px-2 border-b overflow-x-hidden"
-    :class="{ 'nc-table-toolbar--mobile flex-wrap h-auto': isMobileMode, 'h-[var(--toolbar-height)]': !isMobileMode }"
+    :class="{ 'nc-table-toolbar-mobile': isMobileMode, 'h-[var(--toolbar-height)]': !isMobileMode }"
     style="z-index: 7"
   >
     <LazySmartsheetToolbarViewActions
@@ -71,4 +71,7 @@ const { allowCSVDownload } = useSharedView()
 .nc-table-toolbar {
   border-color: #f0f0f0 !important;
 }
+.nc-table-toolbar-mobile {
+  @apply flex-wrap h-auto py-2;
+}
 </style>