Cleaning up the panel UI by removing inner borders

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">

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;

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;">