styling fixes

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

@@ -136,18 +136,18 @@
         bind:value={clonedField.typeOptions.maxLength} />
     {/if}
   </form>
-
+</div>
 <footer>
   <ActionButton primary on:click={save}>Save</ActionButton>
   <ActionButton alert on:click={() => onFinished(false)}>Cancel</ActionButton>
 </footer>
-</div>
 
 <style>
+  .root {
+    margin: 20px;
+  }
   footer {
-    position: absolute;
     padding: 20px;
-    width: 100%;
     bottom: 0;
     left: 0;
     background: #fafafa;

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

@@ -144,6 +144,7 @@
   }
 
   heading {
+    padding: 20px 20px 0 20px;
     display: flex;
     align-items: center;
   }

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

@@ -1,16 +1,7 @@
 <script>
-  import ActionButton from "components/common/ActionButton.svelte"
-  import { backendUiStore } from "builderStore"
   import ModelView from "../../ModelView.svelte"
-  import * as api from "../api"
 </script>
 
 <section>
   <ModelView />
 </section>
-
-<style>
-  section {
-    padding: 30px;
-  }
-</style>

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

@@ -1,14 +1,7 @@
 <script>
   import IndexView from "../../IndexView.svelte"
-  import * as api from "../api"
 </script>
 
 <section>
   <IndexView />
 </section>
-
-<style>
-  section {
-    padding: 30px;
-  }
-</style>

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

@@ -100,7 +100,6 @@
   }
 </script>
 
-<div class="root">
 <heading>
   {#if !editingField}
     <i class="ri-list-settings-line button--toggled" />
@@ -111,6 +110,7 @@
   {/if}
 </heading>
 {#if !editingField}
+  <div class="padding">
     <h4 class="budibase__label--big">Settings</h4>
 
     {#if $store.errors && $store.errors.length > 0}
@@ -185,6 +185,7 @@
         </ActionButton>
       {/if}
     </div>
+  </div>
 {:else}
   <FieldView
     field={fieldToEdit}
@@ -192,11 +193,10 @@
     allFields={record.fields}
     store={$store} />
 {/if}
-</div>
 
 <style>
-  .root {
-    height: 100%;
+  .padding {
+    padding: 20px;
   }
 
   .new-field {
@@ -225,6 +225,7 @@
   }
 
   heading {
+    padding: 20px 20px 0 20px;
     display: flex;
     align-items: center;
   }