Reorder alpha banner, logged in, etc for all pages to match Figma

acteng · Oct 7, 2024 · 788b70b · 788b70b
1 parent 64ff626
commit 788b70b
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 9 deletions.
diff --git 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
@@ -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
@@ -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>