From 4f3e92a289c9b7fb2e48ab43bb654e97bcaeb60c Mon Sep 17 00:00:00 2001
From: Daniel Spaude <daniel@spaude.de>
Date: Sun, 8 Jan 2023 20:14:10 +0100
Subject: [PATCH] mobile optimisations - work on merging right and left sidebar
 (changed Table name and back button in mobile views menu)

---
 .../nc-gui/components/smartsheet/sidebar/mobile.vue  | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/nc-gui/components/smartsheet/sidebar/mobile.vue b/packages/nc-gui/components/smartsheet/sidebar/mobile.vue
index a525d74c0b..49b64d3281 100644
--- a/packages/nc-gui/components/smartsheet/sidebar/mobile.vue
+++ b/packages/nc-gui/components/smartsheet/sidebar/mobile.vue
@@ -157,22 +157,21 @@ function onOpenModal({
       class="min-h-[var(--toolbar-height)] max-h-[var(--toolbar-height)] flex items-center py-3 px-3 justify-between border-b-1"
     /> -->
 
-  <div class="hover:after:(bg-primary bg-opacity-75) group nc-sidebar-add-row flex items-center px-2 inline">
+  <div class="flex items-center inline m-4">
     <!-- <div>OUTER INDEX - isOpen: {{ isOpen }}</div> -->
     <MdiBackburger
       v-e="['c:grid:toggle-navdraw']"
       class="cursor-pointer transform transition-transform duration-500"
       @click="emits('closeMobileViewsSidebar')"
     />
-  </div>
 
-  <div
-    class="min-h-[var(--toolbar-height)] max-h-[var(--toolbar-height)] flex items-center py-3 px-3 justify-between border-b-1 inline"
-  >
+    <!-- <div
+      class="min-h-[var(--toolbar-height)] max-h-[var(--toolbar-height)] flex items-center py-3 px-3 justify-between border-b-1 inline"
+    > -->
     <!-- <div class="flex gap-2 justify-start">
       <div class="flex items-center gap-1 text-xs"> -->
     <!-- <div :class="{ 'nc-active-btn': isOpen }"> -->
-    {{ meta?.title }}
+    <span class="ml-2 text-bold uppercase text-gray-500 font-weight-bold">{{ meta?.title }}</span>
     <!-- <a-button size="small" class="nc-toggle-right-navbar" @click="onClick">
           <div class="flex items-center gap-1 text-xs" :class="{ 'text-gray-500': !isOpen }">
             <AntDesignMenuUnfoldOutlined v-if="isOpen" />
@@ -184,6 +183,7 @@ function onOpenModal({
         </a-button> -->
     <!-- </div>
     </div> -->
+    <!-- </div> -->
   </div>
 
   <div class="flex-1 flex flex-col min-h-0">