From 71f61d633206b383dc2c9e6c22d03fe7b8f4e0c3 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] 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;">