fix: displayName should always be primary in ParameterLabel component

aslilac · aslilac · commit 617dd33f1207 · 2023-08-17T21:06:51.000Z
diff --git a/site/src/components/Markdown/Markdown.tsx b/site/src/components/Markdown/Markdown.tsx
@@ -116,6 +116,11 @@ const useStyles = makeStyles((theme) => ({
     },
 
     "& p": {
+      marginTop: 0,
+      marginBottom: 0,
+    },
+
+    "& p + *": {
       marginTop: 0,
       marginBottom: theme.spacing(2),
     },
diff --git a/site/src/components/RichParameterInput/RichParameterInput.tsx b/site/src/components/RichParameterInput/RichParameterInput.tsx
@@ -43,8 +43,8 @@ const ParameterLabel: FC<ParameterLabelProps> = ({ id, parameter }) => {
 
         {hasDescription ? (
           <Stack spacing={0}>
-            <span className={styles.labelCaption}>{displayName}</span>
-            <MemoizedMarkdown className={styles.labelPrimary}>
+            <span className={styles.labelPrimary}>{displayName}</span>
+            <MemoizedMarkdown className={styles.labelCaption}>
               {parameter.description}
             </MemoizedMarkdown>
           </Stack>
