diff --git a/src/components/modal-tos/ModalToS.jsx b/src/components/modal-tos/ModalToS.jsx index 91069df35..becca9d79 100644 --- a/src/components/modal-tos/ModalToS.jsx +++ b/src/components/modal-tos/ModalToS.jsx @@ -6,6 +6,7 @@ import { FormattedMessage, getLocale, injectIntl } from '@edx/frontend-platform/ import { Button, Form, Hyperlink, ModalDialog, useToggle, useCheckboxSetValues, ActionRow, + useWindowSize, } from '@openedx/paragon'; import { getUserTOSPreference, updateUserTOSPreference } from './data/api'; @@ -23,7 +24,8 @@ const createTOSLink = (chunks, url) => ( const ModalToS = () => { const [tosPreference, setTosPreference] = useState(undefined); const [isOpen, open, close] = useToggle(false); - + const {width} = useWindowSize(); + const checkboxLabelStyle = (width<768)?"d-inline-block": null const { MODAL_UPDATE_TERMS_OF_SERVICE, PRIVACY_POLICY_URL, @@ -108,7 +110,7 @@ const ModalToS = () => { > {dataAuthorization && ( - + { )} {termsOfService && ( - + { )} {honorCode && ( - +