From 42330faef4650daf4116b05583c23835254b7902 Mon Sep 17 00:00:00 2001
From: "Shaun A. Noordin" <shaun.a.noordin@gmail.com>
Date: Thu, 9 Jan 2025 18:25:47 +0000
Subject: [PATCH] PagesEditor: fine tune CSS

---
 .../components/WorkflowHeaderTitle.jsx                 |  1 +
 css/lab-pages-editor.styl                              | 10 +++++++---
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/app/pages/lab-pages-editor/components/WorkflowHeaderTitle.jsx b/app/pages/lab-pages-editor/components/WorkflowHeaderTitle.jsx
index b7c026f9b6..1e2dbc171c 100644
--- a/app/pages/lab-pages-editor/components/WorkflowHeaderTitle.jsx
+++ b/app/pages/lab-pages-editor/components/WorkflowHeaderTitle.jsx
@@ -14,6 +14,7 @@ export default function WorkflowHeaderTitle() {
   return (
     <div className="workflow-header-title">
       <h2>{workflowTitle}</h2>
+      <span className="spacer" />
       <a
         className="button-link"
         href={previewUrl}
diff --git a/css/lab-pages-editor.styl b/css/lab-pages-editor.styl
index fae1e80e37..137794c901 100644
--- a/css/lab-pages-editor.styl
+++ b/css/lab-pages-editor.styl
@@ -143,6 +143,7 @@ $fontWeightBoldPlus = 700
     border: 1px dashed blue
     max-width: 840px
     margin: 0 auto
+    padding: 0 $sizeS
 
   flex-row()
     align-items: center
@@ -159,7 +160,7 @@ $fontWeightBoldPlus = 700
   .small-width
     width: 60px
 
-  .flex-item
+  .flex-item, .spacer
     flex: 1 1 auto
   
   .align-start
@@ -186,8 +187,7 @@ $fontWeightBoldPlus = 700
   .workflow-version
     color: $teal
 
-  // Component: Workflow Top Links and Workflow Tabs
-  // Formerly grouped as "Workflow Header"
+  // Component: Workflow "Header" components
   // ---------------------------------------------------------------------------
 
   .workflow-top-links
@@ -210,6 +210,10 @@ $fontWeightBoldPlus = 700
     .zooniverse-logo
       max-width: 160px
 
+  .workflow-header-title
+    main-content()
+    flex-row()
+
   .workflow-header-tabs
     main-content()
     flex-row()