From d0adfb80fc32fb87262631aae9cb66cb5fabfe5a Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Mon, 17 Jan 2022 18:53:36 +0530
Subject: [PATCH] refactor(gui): ui optimisation

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 .../nc-gui/components/ProjectTreeView.vue     |  2 +-
 packages/nc-gui/components/project/table.vue  |  4 +--
 packages/nc-gui/layouts/default.vue           | 34 ++++++++++++-------
 3 files changed, 24 insertions(+), 16 deletions(-)

diff --git a/packages/nc-gui/components/ProjectTreeView.vue b/packages/nc-gui/components/ProjectTreeView.vue
index b3bb1dfa98..da6822fb77 100644
--- a/packages/nc-gui/components/ProjectTreeView.vue
+++ b/packages/nc-gui/components/ProjectTreeView.vue
@@ -12,7 +12,7 @@
       permanent
       mini-variant-width="50"
       class="pl-2 nc-nav-drawer"
-      style="min-width: 100%; height: calc(100% - 30px)"
+      style="min-width: 100%; height: calc(100% - 0px)"
     >
       <div class="h-100 d-flex flex-column">
         <div class="flex-grow-1" style="overflow-y: auto; min-height: 200px">
diff --git a/packages/nc-gui/components/project/table.vue b/packages/nc-gui/components/project/table.vue
index 3a0ea1c9d3..02f40cbe37 100644
--- a/packages/nc-gui/components/project/table.vue
+++ b/packages/nc-gui/components/project/table.vue
@@ -647,9 +647,9 @@ export default {
 
 <style scoped>
 
-/deep/ .table-tabs > .v-tabs-items {
+/*/deep/ .table-tabs > .v-tabs-items {
   border-top: 1px solid #7F828B33;
-}
+}*/
 
 /deep/ .scaffoldOnSave .v-input__control {
   margin-top: -2px;
diff --git a/packages/nc-gui/layouts/default.vue b/packages/nc-gui/layouts/default.vue
index 6a217f0cae..a970fc6557 100644
--- a/packages/nc-gui/layouts/default.vue
+++ b/packages/nc-gui/layouts/default.vue
@@ -29,21 +29,12 @@
             $store.state.project.projectInfo && $store.state.project.projectInfo.version
           }})</span>
         </v-tooltip>
-        <!--        <template>-->
-        <!--          <span class="title"> {{ brandName }}</span>-->
-        <!--        </template>-->
+        <template>
+          <span class="title"> {{ brandName }}</span>
+        </template>
       </v-toolbar-title>
 
       <v-toolbar-items class="ml-0">
-        <gh-btns-star
-          icon="mark-github"
-          slug="nocodb/nocodb"
-          show-count
-          class="mr-3 align-self-center"
-          :class="{'dark' : isDark}"
-        >
-          {{ ghStarText }}
-        </gh-btns-star>
         <!--        <a
           class="align-self-center caption font-weight-bold ml-1 mr-2 white&#45;&#45;text"
           href="https://docs.nocodb.com"
@@ -107,6 +98,16 @@
       <v-spacer />
 
       <v-toolbar-items class="hidden-sm-and-down nc-topright-menu">
+        <gh-btns-star
+          icon="mark-github"
+          slug="nocodb/nocodb"
+          show-count
+          class="mr-3 align-self-center"
+          :class="{'dark' : isDark}"
+        >
+          {{ ghStarText }}
+        </gh-btns-star>
+
         <release-info />
 
         <template v-if="isDashboard">
@@ -1069,7 +1070,14 @@ export default {
   background: transparent !important;
   color: #cdcdcd !important;
 }
-
+/deep/ .gh-button-container > a:first-child{
+  border-left-color: transparent;
+  border-top-color: transparent;
+  border-bottom-color: transparent;
+}
+/deep/ .gh-button-container > a:last-child{
+  border-color: transparent;
+}
 a {
   text-decoration: none;
 }