From 23ecda99923e0831a470b71cf3ac454494b09e7f Mon Sep 17 00:00:00 2001
From: Henri Remonen <henri@remonen.fi>
Date: Tue, 21 Feb 2023 13:36:10 +0200
Subject: [PATCH] Add ? icon next to multiplechoice expandable boxes to clarify

---
 src/client/components/Choices/MultiChoice.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/client/components/Choices/MultiChoice.tsx b/src/client/components/Choices/MultiChoice.tsx
index eff0eb73..d02c713e 100644
--- 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>
     </>
   )