Tasks: restyle Help field label

zooniverse · Jun 24, 2024 · 740ed7c · 740ed7c
1 parent 924621d
commit 740ed7c
Show file tree

Hide file tree

Showing 6 changed files with 10 additions and 5 deletions.
diff --git a/...ges/lab-pages-editor/components/TasksPage/components/EditStepDialog/types/DrawingTask.jsx b/...ges/lab-pages-editor/components/TasksPage/components/EditStepDialog/types/DrawingTask.jsx
@@ -329,7 +329,7 @@ function DrawingTask({
       <div className="input-row">
         <div className="flex-row spacing-bottom-S">
           <label
-            className="big"
+            className="medium"
             htmlFor={`task-${taskKey}-help`}
           >
             Help Text

diff --git a/...es/lab-pages-editor/components/TasksPage/components/EditStepDialog/types/QuestionTask.jsx b/...es/lab-pages-editor/components/TasksPage/components/EditStepDialog/types/QuestionTask.jsx
@@ -187,7 +187,7 @@ function QuestionTask({
       <div className="input-row">
         <div className="flex-row spacing-bottom-S">
           <label
-            className="big"
+            className="medium"
             htmlFor={`task-${taskKey}-help`}
           >
             Help Text

diff --git a/app/pages/lab-pages-editor/components/TasksPage/components/EditStepDialog/types/TextTask.jsx b/app/pages/lab-pages-editor/components/TasksPage/components/EditStepDialog/types/TextTask.jsx
@@ -91,7 +91,7 @@ function TextTask({
       <div className="input-row">
         <div className="flex-row spacing-bottom-S">
           <label
-            className="big"
+            className="medium"
             htmlFor={`task-${taskKey}-help`}
           >
             Help Text

diff --git a/app/pages/lab-pages-editor/icons/CollapseIcon.jsx b/app/pages/lab-pages-editor/icons/CollapseIcon.jsx
@@ -1,5 +1,5 @@
 export default function CollapseIcon({ alt }) {
   return (
-    <span className="icon fa fa-caret-up" aria-label={alt} role={!!alt ? 'img' : undefined} />
+    <span className="icon fa fa-angle-up" aria-label={alt} role={!!alt ? 'img' : undefined} />
   );
 }
diff --git a/app/pages/lab-pages-editor/icons/ExpandIcon.jsx b/app/pages/lab-pages-editor/icons/ExpandIcon.jsx
@@ -1,5 +1,5 @@
 export default function ExpandIcon({ alt }) {
   return (
-    <span className="icon fa fa-caret-down" aria-label={alt} role={!!alt ? 'img' : undefined} />
+    <span className="icon fa fa-angle-down" aria-label={alt} role={!!alt ? 'img' : undefined} />
   );
 }
diff --git a/css/lab-pages-editor.styl b/css/lab-pages-editor.styl
@@ -429,6 +429,11 @@ $fontWeightBoldPlus = 700
             font-size: $fontSizeL
             text-transform: uppercase
 
+          label.medium
+            display: block
+            font-size: $fontSizeM
+            text-transform: uppercase
+
           label.narrow, span.narrow
             > *
               vertical-align: middle