From 788b70b681624c3af32cec80352e38802120ff0c Mon Sep 17 00:00:00 2001
From: Dustin Carlino <dabreegster@gmail.com>
Date: Mon, 7 Oct 2024 12:40:39 +0100
Subject: [PATCH] Reorder alpha banner, logged in, etc for all pages to match
 Figma

---
 src/pages/BrowseSchemes.svelte | 12 ++++++++----
 src/pages/ChooseArea.svelte    | 11 ++++++++---
 src/pages/SketchSchemes.svelte |  7 +++++--
 3 files changed, 21 insertions(+), 9 deletions(-)

diff --git a/src/pages/BrowseSchemes.svelte b/src/pages/BrowseSchemes.svelte
index 765b58fc..0d97fc18 100644
--- a/src/pages/BrowseSchemes.svelte
+++ b/src/pages/BrowseSchemes.svelte
@@ -42,13 +42,17 @@
 <Layout>
   <div slot="sidebar" class="govuk-prose">
     <Header />
+
+    <Alpha />
+    <div style="border-bottom: 1px solid #b1b4b6">
+      <LoggedIn />
+      <p>App version: {appVersion()}</p>
+    </div>
+
     <div style="display: flex; justify-content: space-between">
-      <h1>Browse schemes</h1>
+      <h1>Scheme Browser</h1>
       <ZoomOutMap boundaryGeojson={$atfSchemesGj} />
     </div>
-    <Alpha />
-    <LoggedIn />
-    <p>App version: {appVersion()}</p>
 
     <div bind:this={sidebarDiv} />
   </div>
diff --git a/src/pages/ChooseArea.svelte b/src/pages/ChooseArea.svelte
index b9ff098c..9fb93590 100644
--- a/src/pages/ChooseArea.svelte
+++ b/src/pages/ChooseArea.svelte
@@ -116,13 +116,18 @@
 </script>
 
 <div class="govuk-grid-row">
-  <div class="govuk-grid-column-one-half">
+  <div class="govuk-grid-column-one-half govuk-prose">
     <Header />
 
     <div class="left">
-      <LoggedIn />
       <Alpha />
-      <p>App version: {appVersion()}</p>
+      <div style="border-bottom: 1px solid #b1b4b6">
+        <LoggedIn />
+        <p>App version: {appVersion()}</p>
+      </div>
+
+      <h1>Scheme Sketcher</h1>
+
       <SecondaryButton on:click={() => (showAbout = !showAbout)}>
         About
       </SecondaryButton>
diff --git a/src/pages/SketchSchemes.svelte b/src/pages/SketchSchemes.svelte
index 564dfd6d..e33885ba 100644
--- a/src/pages/SketchSchemes.svelte
+++ b/src/pages/SketchSchemes.svelte
@@ -108,9 +108,12 @@
     <Header />
 
     {#if $mode.mode == "list"}
-      <LoggedIn />
       <Alpha />
-      <p>App version: {appVersion()}</p>
+      <div style="border-bottom: 1px solid #b1b4b6">
+        <LoggedIn />
+        <p>App version: {appVersion()}</p>
+      </div>
+
       <div style="display: flex; justify-content: space-between">
         <p>{authorityDescription()}</p>
         <a href={`index.html?schema=${$schema}`}>Change area</a>