Add ? icon next to multiplechoice expandable boxes to clarify

UniversityOfHelsinkiCS · Feb 21, 2023 · 23ecda9 · 23ecda9
1 parent ae7ef62
commit 23ecda9
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/client/components/Choices/MultiChoice.tsx b/src/client/components/Choices/MultiChoice.tsx
@@ -11,6 +11,7 @@ import {
 } from '@mui/material'
 import ExpandLess from '@mui/icons-material/ExpandLess'
 import ExpandMore from '@mui/icons-material/ExpandMore'
+import HelpOutlineIcon from '@mui/icons-material/HelpOutline'
 import { MultipleChoiceType, InputProps } from '../../types'
 
 const ShowMore = ({ text }: { text: string }) => {
@@ -19,10 +20,11 @@ const ShowMore = ({ text }: { text: string }) => {
   return (
     <>
       <IconButton onClick={() => setExpand(!expand)}>
+        <HelpOutlineIcon />
         {!expand ? <ExpandMore /> : <ExpandLess />}
       </IconButton>
       <Collapse in={expand} timeout="auto" unmountOnExit>
-        <Typography paragraph>{text}</Typography>
+        <Typography variant="body2">{text}</Typography>
       </Collapse>
     </>
   )