refactor: streamlined HTML elements

UniversityOfHelsinkiCS · Sep 11, 2024 · b70ab4b · b70ab4b
1 parent d568948
commit b70ab4b
Showing 1 changed file with 7 additions and 5 deletions.
diff --git a/src/client/pages/FeedbackTarget/tabs/Results/QuestionResults/QuestionResults.jsx b/src/client/pages/FeedbackTarget/tabs/Results/QuestionResults/QuestionResults.jsx
@@ -8,12 +8,14 @@ import QuestionItem from './QuestionItem'
 
 const QuestionSection = ({ title, count, children, ...props }) => (
   <Box my="3rem" display="flex" flexDirection="column" rowGap="1rem" {...props}>
-    <Box display="flex" gap="1rem" mb="1rem" alignItems="center">
-      <Typography component="h2" variant="h6" sx={{ fontWeight: 'medium' }}>
-        {title}
-      </Typography>
+    <Typography
+      component="h2"
+      variant="h6"
+      sx={{ fontWeight: 'medium', display: 'flex', gap: 2, alignItems: 'center' }}
+    >
+      {title}
       <Chip label={count} variant="outlined" size="small" />
-    </Box>
+    </Typography>
     {children}
   </Box>
 )