diff --git a/src/components/ExtendCorrection/ExtendedCorrection.tsx b/src/components/ExtendCorrection/ExtendedCorrection.tsx index 90c39e5..f9f1938 100644 --- a/src/components/ExtendCorrection/ExtendedCorrection.tsx +++ b/src/components/ExtendCorrection/ExtendedCorrection.tsx @@ -14,9 +14,12 @@ import DocumentHeader from './DocumentHeader' import firefoxImg1 from '../../static/firefox_1.png' import firefoxImg2 from '../../static/firefox_2.png' import firefoxImg3 from '../../static/firefox_3.png' +import firefoxImg2En from '../../static/firefox_2_en.png' +import firefoxImg3En from '../../static/firefox_3_en.png' import Question from '../Util/Question' import { Trans, useTranslation } from 'react-i18next' +const IMG_WIDTH = 320 const styles = StyleSheet.create({ collapsible: { display: 'flex', @@ -45,12 +48,16 @@ const styles = StyleSheet.create({ listStyleType: 'none' }, ol: { - paddingLeft: 20 + paddingLeft: 20, + maxWidth: IMG_WIDTH, + margin: '0 auto', + textAlign: 'left', + gap: 10 }, img: { marginTop: 5, marginBottom: 10, - maxWidth: 320, + maxWidth: IMG_WIDTH, width: '100%', height: 'auto', objectFit: 'cover' @@ -101,7 +108,7 @@ export default function ExtendedCorrection(props: ExtendedCorrectionProps) { ref.current} - trigger={() =>