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

@@ -43,7 +43,7 @@
   .nav {
     overflow: auto;
     flex: 0 1 auto;
-    width: 300px;
+    width: 275px;
     height: 100%;
   }
 </style>

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 {

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 {

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 {