From 2021f4466a067fa2217afa61a9f0d4fce75acca2 Mon Sep 17 00:00:00 2001
From: Michael Shanks <mike@budibase.com>
Date: Thu, 2 Apr 2020 16:37:22 +0100
Subject: [PATCH] "Master Layout" > "Page Layout" .. and moved above screens

---
 .../{MasterLayout.svelte => PageLayout.svelte}        | 11 ++++++-----
 .../components/userInterface/UserInterfaceRoot.svelte |  7 +++++--
 2 files changed, 11 insertions(+), 7 deletions(-)
 rename packages/builder/src/components/userInterface/{MasterLayout.svelte => PageLayout.svelte} (94%)

diff --git a/packages/builder/src/components/userInterface/MasterLayout.svelte b/packages/builder/src/components/userInterface/PageLayout.svelte
similarity index 94%
rename from packages/builder/src/components/userInterface/MasterLayout.svelte
rename to packages/builder/src/components/userInterface/PageLayout.svelte
index 4f7cfd2cec..7e854939f7 100644
--- a/packages/builder/src/components/userInterface/MasterLayout.svelte
+++ b/packages/builder/src/components/userInterface/PageLayout.svelte
@@ -52,22 +52,20 @@
 
 <div>
   <div
-    class="budibase__nav-item"
+    class="budibase__nav-item root"
     class:selected={$store.currentComponentInfo._id === _layout.component.props._id}
     on:click|stopPropagation={() => store.setScreenType('page')}>
     <span
       class="icon"
       class:rotate={$store.currentPreviewItem.name !== _layout.title}>
-      {#if _layout.component.props._children.length}
-        <ArrowDownIcon />
-      {/if}
+      <ArrowDownIcon />
     </span>
 
     <span class="icon">
       <GridIcon />
     </span>
 
-    <span class="title">Master Layout</span>
+    <span class="title">Page Layout</span>
   </div>
 
   {#if $store.currentPreviewItem.name === _layout.title && _layout.component.props._children}
@@ -90,6 +88,9 @@
   onOk={() => store.deleteComponent(componentToDelete)} />
 
 <style>
+  .root {
+    
+  }
   .title {
     margin-left: 10px;
     margin-top: 2px;
diff --git a/packages/builder/src/components/userInterface/UserInterfaceRoot.svelte b/packages/builder/src/components/userInterface/UserInterfaceRoot.svelte
index c075a4e199..266772517d 100644
--- a/packages/builder/src/components/userInterface/UserInterfaceRoot.svelte
+++ b/packages/builder/src/components/userInterface/UserInterfaceRoot.svelte
@@ -1,7 +1,7 @@
 <script>
   import ComponentsHierarchy from "./ComponentsHierarchy.svelte"
   import ComponentsHierarchyChildren from "./ComponentsHierarchyChildren.svelte"
-  import MasterLayout from "./MasterLayout.svelte"
+  import PageLayout from "./PageLayout.svelte"
   import PagesList from "./PagesList.svelte"
   import { store } from "builderStore"
   import IconButton from "components/common/IconButton.svelte"
@@ -55,6 +55,10 @@
 
     <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;">
@@ -67,7 +71,6 @@
         </div>
       </div>
       <div class="nav-items-container">
-        <MasterLayout layout={$store.pages[$store.currentPageName]} />
         <ComponentsHierarchy screens={$store.screens} />
       </div>
     </div>