From 2ff2d962a22348cfc308035a902f374a88f52b53 Mon Sep 17 00:00:00 2001
From: Joe <49767913+joebudi@users.noreply.github.com>
Date: Thu, 2 Apr 2020 11:41:21 +0100
Subject: [PATCH] minor styling changes to schema nav bar

background color changed to white
title font changed to reflect mockups
spacing updated
---
 packages/builder/src/BackendRoot.svelte                |  2 +-
 packages/builder/src/budibase.css                      |  4 ++--
 .../builder/src/components/nav/HierarchyRow.svelte     |  3 ++-
 .../src/components/nav/SchemaManagementDrawer.svelte   | 10 +++++++---
 4 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/packages/builder/src/BackendRoot.svelte b/packages/builder/src/BackendRoot.svelte
index 48b612790b..8dfd63e6bf 100644
--- a/packages/builder/src/BackendRoot.svelte
+++ b/packages/builder/src/BackendRoot.svelte
@@ -43,7 +43,7 @@
   .nav {
     overflow: auto;
     flex: 0 1 auto;
-    width: 300px;
+    width: 275px;
     height: 100%;
   }
 </style>
diff --git a/packages/builder/src/budibase.css b/packages/builder/src/budibase.css
index b64bb77e1a..fce34b256e 100644
--- a/packages/builder/src/budibase.css
+++ b/packages/builder/src/budibase.css
@@ -62,9 +62,9 @@
     margin: 5px 20px 5px 0px;
     border-radius: 0 5px 5px 0;
     display: flex;
-    align-items: center;
+    align-items: baseline;
     font-weight: 500;
-    font-size: 0.8em;
+    font-size: 12px;
 }
 
 .budibase__nav-item.selected {
diff --git a/packages/builder/src/components/nav/HierarchyRow.svelte b/packages/builder/src/components/nav/HierarchyRow.svelte
index 247c626d1b..45811c5ca5 100644
--- a/packages/builder/src/components/nav/HierarchyRow.svelte
+++ b/packages/builder/src/components/nav/HierarchyRow.svelte
@@ -52,8 +52,9 @@
 
 <style>
   .hierarchy-item {
-    font-size: 14px;
+    font-size: 12px;
     font-weight: 400;
+    margin-bottom: 10px;
   }
 
   .capitalized {
diff --git a/packages/builder/src/components/nav/SchemaManagementDrawer.svelte b/packages/builder/src/components/nav/SchemaManagementDrawer.svelte
index 0f6118732b..90ba653e9b 100644
--- a/packages/builder/src/components/nav/SchemaManagementDrawer.svelte
+++ b/packages/builder/src/components/nav/SchemaManagementDrawer.svelte
@@ -55,20 +55,24 @@
     flex-direction: column;
     max-height: 100%;
     height: 100%;
-    background-color: var(--secondary5);
+    background-color: var(--white);
   }
 
   .nav-group-header {
     display: flex;
     justify-content: space-between;
     align-items: center;
-    padding: 2rem 1rem 1rem 1rem;
+    padding: 20px 20px 10px 20px;
   }
 
   .hierarchy-title {
     align-items: center;
     text-transform: uppercase;
-    font-size: 0.85em;
+    font-size: 12px;
+    font-weight: bold;
+    opacity: 0.6;
+    letter-spacing: 1px;
+    text-rendering: optimizeLegibility;
   }
 
   .hierarchy {