From 1b5677813391c9d66eefd23c41bb355057394f33 Mon Sep 17 00:00:00 2001
From: mike12345567 <me@michaeldrury.co.uk>
Date: Fri, 16 Oct 2020 18:05:45 +0100
Subject: [PATCH] Some minor fixes, right padding wasn't the same as left
 padding and fixing 404 when deleting a view.

---
 .../components/backend/DataTable/ViewDataTable.svelte  | 10 ++++++++++
 .../src/components/userInterface/propertyCategories.js |  2 ++
 2 files changed, 12 insertions(+)

diff --git a/packages/builder/src/components/backend/DataTable/ViewDataTable.svelte b/packages/builder/src/components/backend/DataTable/ViewDataTable.svelte
index 5b56e3d125..2ace2bb338 100644
--- a/packages/builder/src/components/backend/DataTable/ViewDataTable.svelte
+++ b/packages/builder/src/components/backend/DataTable/ViewDataTable.svelte
@@ -1,5 +1,6 @@
 <script>
   import api from "builderStore/api"
+  import { backendUiStore } from "builderStore"
   import Table from "./Table.svelte"
   import CalculateButton from "./buttons/CalculateButton.svelte"
   import GroupByButton from "./buttons/GroupByButton.svelte"
@@ -22,6 +23,15 @@
   }
 
   async function fetchViewData(name, field, groupBy, calculation) {
+    const tables = $backendUiStore.tables
+    const allTableViews = tables.map(table => table.views)
+    const thisView = allTableViews.filter(
+      views => views != null && views[name] != null
+    )[0]
+    // don't fetch view data if the view no longer exists
+    if (!thisView) {
+      return
+    }
     const params = new URLSearchParams()
     if (calculation) {
       params.set("field", field)
diff --git a/packages/builder/src/components/userInterface/propertyCategories.js b/packages/builder/src/components/userInterface/propertyCategories.js
index 00b67890fb..2d46f95928 100644
--- a/packages/builder/src/components/userInterface/propertyCategories.js
+++ b/packages/builder/src/components/userInterface/propertyCategories.js
@@ -135,6 +135,8 @@ export const margin = [
       { label: "20px", value: "20px" },
       { label: "32px", value: "32px" },
       { label: "64px", value: "64px" },
+      { label: "128px", value: "128px" },
+      { label: "256px", value: "256px" },
       { label: "Auto", value: "auto" },
       { label: "100%", value: "100%" },
     ],