Merge pull request #530 from Budibase/new-backend-bugfixes

bugfixes after team usage

packages/builder/src/components/database/ModelDataTable/ModelDataTable.svelte

@@ -99,7 +99,7 @@
             <EditRowPopover {row} />
           </td>
           {#each headers as header}
-            <td class="hoverable">
+            <td>
               {#if schema[header].type === 'link'}
                 <LinkedRecord field={schema[header]} ids={row[header]} />
               {:else}{row[header] || ''}{/if}

packages/builder/src/components/database/ModelDataTable/modals/CreateEditColumn.svelte

@@ -124,8 +124,14 @@
   }
 
   .field {
-    margin-top: var(--spacing-xl);
-    margin-bottom: var(--spacing-xl);
+    display: grid;
+    grid-template-columns: auto 20px 1fr;
+    align-items: center;
+    grid-gap: 5px;
+    font-size: 14px;
+    font-weight: 500;
+    margin-bottom: var(--spacing-l);
+    font-family: var(--font-normal);
   }
 
   .button-margin-3 {

packages/builder/src/components/database/ModelDataTable/modals/RecordFieldControl.svelte

@@ -31,6 +31,9 @@
     {/each}
   </Select>
 {:else}
+  {#if type === 'checkbox'}
+    <label>{label}</label>
+  {/if}
   <Input
     thin
     placeholder={label}
@@ -41,3 +44,12 @@
     on:input={handleInput}
     on:change={handleInput} />
 {/if}
+
+<style>
+  label {
+    font-weight: 500;
+    font-size: var(--font-size-s);
+    float: left;
+    margin-right: 8px;
+  }
+</style>

packages/builder/src/components/nav/ModelNavigator/ModelNavigator.svelte

@@ -11,21 +11,6 @@
 
   const { open, close } = getContext("simple-modal")
 
-  let HEADINGS = [
-    {
-      title: "Tables",
-      key: "TABLES",
-    },
-    {
-      title: "Tables",
-      key: "NAVIGATE",
-    },
-    {
-      title: "Add",
-      key: "ADD",
-    },
-  ]
-
   $: selectedTab = $backendUiStore.tabs.NAVIGATION_PANEL
 
   function selectModel(model, fieldId) {
@@ -44,7 +29,7 @@
   {#if $backendUiStore.selectedDatabase && $backendUiStore.selectedDatabase._id}
     <div class="hierarchy">
       <div class="components-list-container">
-        <h3>Tables</h3>
+        <h4>Tables</h4>
         <CreateTablePopover />
         <div class="hierarchy-items-container">
           {#each $backendUiStore.models as model}
@@ -63,6 +48,10 @@
 </div>
 
 <style>
+  h4 {
+    font-weight: 500;
+  }
+
   .items-root {
     display: flex;
     flex-direction: column;