From bda4937c45ea934e3fd73b23e8ac0942f9d6c84c Mon Sep 17 00:00:00 2001
From: Michael Shanks <mike@budibase.com>
Date: Mon, 1 Jun 2020 21:47:31 +0100
Subject: [PATCH 1/3] switcher button bg color was grey on windows

---
 packages/builder/src/components/common/Switcher.svelte | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/builder/src/components/common/Switcher.svelte b/packages/builder/src/components/common/Switcher.svelte
index b1c84e6eac..7987239a08 100644
--- a/packages/builder/src/components/common/Switcher.svelte
+++ b/packages/builder/src/components/common/Switcher.svelte
@@ -61,6 +61,7 @@
     font-weight: 700;
     color: var(--ink-lighter);
     margin-right: 20px;
+    background-color: var(--white);
   }
 
   .switcher > .selected {

From d4b2fb57365318069a5d16f5e73e8afe1087ffde Mon Sep 17 00:00:00 2001
From: Michael Shanks <mike@budibase.com>
Date: Mon, 1 Jun 2020 22:04:32 +0100
Subject: [PATCH 2/3] bugfix: right nav scrolling

---
 packages/builder/package.json                                 | 2 +-
 .../components/userInterface/ComponentPropertiesPanel.svelte  | 4 ++++
 packages/builder/src/global.css                               | 2 ++
 packages/builder/src/pages/[application]/_reset.svelte        | 2 +-
 .../builder/src/pages/[application]/frontend/_layout.svelte   | 4 ++++
 5 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/packages/builder/package.json b/packages/builder/package.json
index 81e240d148..8e426deb45 100644
--- a/packages/builder/package.json
+++ b/packages/builder/package.json
@@ -51,7 +51,7 @@
     "safe-buffer": "^5.1.2",
     "shortid": "^2.2.8",
     "string_decoder": "^1.2.0",
-    "svelte-simple-modal": "^0.3.0",
+    "svelte-simple-modal": "^0.4.2",
     "uikit": "^3.1.7"
   },
   "devDependencies": {
diff --git a/packages/builder/src/components/userInterface/ComponentPropertiesPanel.svelte b/packages/builder/src/components/userInterface/ComponentPropertiesPanel.svelte
index afce0576e1..3e816ba88a 100644
--- a/packages/builder/src/components/userInterface/ComponentPropertiesPanel.svelte
+++ b/packages/builder/src/components/userInterface/ComponentPropertiesPanel.svelte
@@ -105,7 +105,9 @@
     display: flex;
     flex-direction: column;
     overflow-x: hidden;
+    overflow-y:  hidden;
     padding: 20px;
+    box-sizing: border-box;
   }
 
   .title > div:nth-child(1) {
@@ -120,5 +122,7 @@
   .component-props-container {
     margin-top: 20px;
     flex: 1 1 auto;
+    min-height: 0;
+    overflow-y: auto;
   }
 </style>
diff --git a/packages/builder/src/global.css b/packages/builder/src/global.css
index dea20e4d26..10c1f376d6 100644
--- a/packages/builder/src/global.css
+++ b/packages/builder/src/global.css
@@ -88,6 +88,8 @@ html, body {
 
 #app {
     height: 100%;
+    box-sizing: border-box;
+    overflow-y: hidden;
 }
 
 h1 {
diff --git a/packages/builder/src/pages/[application]/_reset.svelte b/packages/builder/src/pages/[application]/_reset.svelte
index 5e3e973ae7..b688662b0a 100644
--- a/packages/builder/src/pages/[application]/_reset.svelte
+++ b/packages/builder/src/pages/[application]/_reset.svelte
@@ -81,7 +81,7 @@
 
 <style>
   .root {
-    height: 100%;
+    min-height: 100%;
     width: 100%;
     display: flex;
     flex-direction: column;
diff --git a/packages/builder/src/pages/[application]/frontend/_layout.svelte b/packages/builder/src/pages/[application]/frontend/_layout.svelte
index cbbb1ebc63..95f3f1fd67 100644
--- a/packages/builder/src/pages/[application]/frontend/_layout.svelte
+++ b/packages/builder/src/pages/[application]/frontend/_layout.svelte
@@ -76,6 +76,9 @@
     grid-template-columns: 300px 1fr 300px;
     width: 100%;
     background: var(--grey-light);
+    flex: 1;
+    min-height: 0;
+    align-items: stretch;
   }
 
   .ui-nav {
@@ -98,6 +101,7 @@
   .components-pane {
     grid-column: 3;
     background-color: var(--white);
+    min-height: 0;
   }
 
   .nav-group-header > div:nth-child(1) {

From 4c6b2a4dad3e3a0b026ec1f77aca0234823ed818 Mon Sep 17 00:00:00 2001
From: Michael Shanks <mike@budibase.com>
Date: Mon, 1 Jun 2020 22:11:55 +0100
Subject: [PATCH 3/3] bugfix: left nav scrolling

---
 packages/builder/src/components/common/Switcher.svelte | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/packages/builder/src/components/common/Switcher.svelte b/packages/builder/src/components/common/Switcher.svelte
index 7987239a08..35c564a5e3 100644
--- a/packages/builder/src/components/common/Switcher.svelte
+++ b/packages/builder/src/components/common/Switcher.svelte
@@ -44,11 +44,13 @@
     flex-direction: column;
     padding: 20px 20px;
     border-left: solid 1px var(--grey);
+    box-sizing: border-box;
   }
 
   .switcher {
     display: flex;
     margin: 0px 20px 20px 0px;
+    box-sizing: border-box;
   }
 
   .switcher > button {
@@ -67,4 +69,9 @@
   .switcher > .selected {
     color: var(--ink);
   }
+  
+  .panel {
+    min-height: 0;
+    overflow-y: auto;
+  }
 </style>