fix: make displayName primary in ParameterLabel component (#9158)

aslilac · web-flow · commit 5b165d5cb9e7 · 2023-08-17T19:07:57.000-06:00
diff --git a/site/src/components/Markdown/Markdown.tsx b/site/src/components/Markdown/Markdown.tsx
@@ -120,6 +120,11 @@ const useStyles = makeStyles((theme) => ({
       marginBottom: theme.spacing(2),
     },
 
+    "& p:only-child": {
+      marginTop: 0,
+      marginBottom: 0,
+    },
+
     "& ul, & ol": {
       display: "flex",
       flexDirection: "column",
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>
