From bc42d199534b023422a2aecdf3ac5f74f6e829ea Mon Sep 17 00:00:00 2001
From: Joe <49767913+joebudi@users.noreply.github.com>
Date: Fri, 29 May 2020 10:57:00 +0100
Subject: [PATCH 1/3] Cleaning up the panel UI by removing inner borders

---
 .../builder/src/components/nav/BackendNav.svelte |  1 -
 .../userInterface/UserInterfaceRoot.svelte       | 16 ++--------------
 .../pages/[application]/frontend/_layout.svelte  |  3 ---
 3 files changed, 2 insertions(+), 18 deletions(-)

diff --git a/packages/builder/src/components/nav/BackendNav.svelte b/packages/builder/src/components/nav/BackendNav.svelte
index 8a7fd6bb90..173e92d98b 100644
--- a/packages/builder/src/components/nav/BackendNav.svelte
+++ b/packages/builder/src/components/nav/BackendNav.svelte
@@ -45,7 +45,6 @@
       <DatabasesList />
     </div>
   </div>
-  <hr />
   {#if $backendUiStore.selectedDatabase._id}
     <div class="hierarchy">
       <div class="components-list-container">
diff --git a/packages/builder/src/components/userInterface/UserInterfaceRoot.svelte b/packages/builder/src/components/userInterface/UserInterfaceRoot.svelte
index 13d7a7e2a1..f4581286df 100644
--- a/packages/builder/src/components/userInterface/UserInterfaceRoot.svelte
+++ b/packages/builder/src/components/userInterface/UserInterfaceRoot.svelte
@@ -42,7 +42,6 @@
     <div class="pages-list-container">
       <div class="nav-header">
         <span class="navigator-title">Navigator</span>
-        <div class="border-line" />
 
         <span class="components-nav-page">Pages</span>
       </div>
@@ -52,11 +51,9 @@
       </div>
     </div>
 
-    <div class="border-line" />
 
     <PageLayout layout={$store.pages[$store.currentPageName]} />
 
-    <div class="border-line" />
 
     <div class="components-list-container">
       <div class="nav-group-header">
@@ -114,21 +111,12 @@
 
   .root {
     display: grid;
-    grid-template-columns: 275px 1fr 300px;
+    grid-template-columns: 300px 1fr 300px;
     height: 100%;
     width: 100%;
-    background: #fafafa;
+    background: #FBFBFB;
   }
 
-  @media only screen and (min-width: 1800px) {
-    .root {
-      display: grid;
-      grid-template-columns: 300px 1fr 300px;
-      height: 100%;
-      width: 100%;
-      background: #fafafa;
-    }
-  }
 
   .ui-nav {
     grid-column: 1;
diff --git a/packages/builder/src/pages/[application]/frontend/_layout.svelte b/packages/builder/src/pages/[application]/frontend/_layout.svelte
index c480a75bfa..9042301cd6 100644
--- a/packages/builder/src/pages/[application]/frontend/_layout.svelte
+++ b/packages/builder/src/pages/[application]/frontend/_layout.svelte
@@ -63,12 +63,9 @@
       </div>
     </div>
 
-    <div class="border-line" />
 
     <PageLayout layout={$store.pages[$store.currentPageName]} />
 
-    <div class="border-line" />
-
     <div class="components-list-container">
       <div class="nav-group-header">
         <span class="components-nav-header" style="margin-top: 0;">

From e024ec7b93daf789907fab79e60deafa73a1e934 Mon Sep 17 00:00:00 2001
From: Joe <49767913+joebudi@users.noreply.github.com>
Date: Fri, 29 May 2020 13:24:33 +0100
Subject: [PATCH 2/3] Media queries removed

---
 .../src/pages/[application]/backend/_layout.svelte    | 10 +---------
 .../src/pages/[application]/frontend/_layout.svelte   | 11 +----------
 2 files changed, 2 insertions(+), 19 deletions(-)

diff --git a/packages/builder/src/pages/[application]/backend/_layout.svelte b/packages/builder/src/pages/[application]/backend/_layout.svelte
index 069e720b17..84b09986fa 100644
--- a/packages/builder/src/pages/[application]/backend/_layout.svelte
+++ b/packages/builder/src/pages/[application]/backend/_layout.svelte
@@ -34,16 +34,8 @@
   .nav {
     overflow: auto;
     flex: 0 1 auto;
-    width: 275px;
+    width: 300px;
     height: 100%;
   }
 
-  @media only screen and (min-width: 1800px) {
-    .nav {
-      overflow: auto;
-      flex: 0 1 auto;
-      width: 300px;
-      height: 100%;
-    }
-  }
 </style>
diff --git a/packages/builder/src/pages/[application]/frontend/_layout.svelte b/packages/builder/src/pages/[application]/frontend/_layout.svelte
index 9042301cd6..9adf71987f 100644
--- a/packages/builder/src/pages/[application]/frontend/_layout.svelte
+++ b/packages/builder/src/pages/[application]/frontend/_layout.svelte
@@ -123,20 +123,11 @@
 
   .root {
     display: grid;
-    grid-template-columns: 275px 1fr 275px;
+    grid-template-columns: 300px 1fr 300px;
     width: 100%;
     background: var(--grey-light);
   }
 
-  @media only screen and (min-width: 1800px) {
-    .root {
-      display: grid;
-      grid-template-columns: 300px 1fr 300px;
-      width: 100%;
-      background: var(--grey-light);
-    }
-  }
-
   .ui-nav {
     grid-column: 1;
     background-color: var(--white);

From 020d9c884da06551f102bf6a95acb9946b803a82 Mon Sep 17 00:00:00 2001
From: Joe <49767913+joebudi@users.noreply.github.com>
Date: Fri, 29 May 2020 13:25:27 +0100
Subject: [PATCH 3/3] formatting

---
 .../src/components/userInterface/UserInterfaceRoot.svelte    | 5 +----
 .../builder/src/pages/[application]/backend/_layout.svelte   | 1 -
 .../builder/src/pages/[application]/frontend/_layout.svelte  | 1 -
 3 files changed, 1 insertion(+), 6 deletions(-)

diff --git a/packages/builder/src/components/userInterface/UserInterfaceRoot.svelte b/packages/builder/src/components/userInterface/UserInterfaceRoot.svelte
index f4581286df..8b600047d8 100644
--- a/packages/builder/src/components/userInterface/UserInterfaceRoot.svelte
+++ b/packages/builder/src/components/userInterface/UserInterfaceRoot.svelte
@@ -51,10 +51,8 @@
       </div>
     </div>
 
-
     <PageLayout layout={$store.pages[$store.currentPageName]} />
 
-
     <div class="components-list-container">
       <div class="nav-group-header">
         <span class="components-nav-header" style="margin-top: 0;">
@@ -114,10 +112,9 @@
     grid-template-columns: 300px 1fr 300px;
     height: 100%;
     width: 100%;
-    background: #FBFBFB;
+    background: #fbfbfb;
   }
 
-
   .ui-nav {
     grid-column: 1;
     background-color: var(--white);
diff --git a/packages/builder/src/pages/[application]/backend/_layout.svelte b/packages/builder/src/pages/[application]/backend/_layout.svelte
index 84b09986fa..0e36980c6c 100644
--- a/packages/builder/src/pages/[application]/backend/_layout.svelte
+++ b/packages/builder/src/pages/[application]/backend/_layout.svelte
@@ -37,5 +37,4 @@
     width: 300px;
     height: 100%;
   }
-
 </style>
diff --git a/packages/builder/src/pages/[application]/frontend/_layout.svelte b/packages/builder/src/pages/[application]/frontend/_layout.svelte
index 9adf71987f..a8cbf56efd 100644
--- a/packages/builder/src/pages/[application]/frontend/_layout.svelte
+++ b/packages/builder/src/pages/[application]/frontend/_layout.svelte
@@ -63,7 +63,6 @@
       </div>
     </div>
 
-
     <PageLayout layout={$store.pages[$store.currentPageName]} />
 
     <div class="components-list-container">