PagesEditor: fine tune CSS

zooniverse · Jan 9, 2025 · 42330fa · 42330fa
1 parent cad5274
commit 42330fa
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git 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
@@ -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()