refactor(gui): ui optimisation

Signed-off-by: Pranav C <pranavxc@gmail.com>

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">

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;

packages/nc-gui/layouts/default.vue

@@ -29,21 +29,12 @@
             $store.state.project.projectInfo && $store.state.project.projectInfo.version
           }})</span>
         </v-tooltip>
-        <!--        <template>-->
+        <template>
-        <!--          <span class="title"> {{ brandName }}</span>-->
+          <span class="title"> {{ brandName }}</span>
-        <!--        </template>-->
+        </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;
 }