diff --git a/src/views/studio/modals/promote-modal.jsx b/src/views/studio/modals/promote-modal.jsx index aa1a7a371..2b27e2199 100644 --- a/src/views/studio/modals/promote-modal.jsx +++ b/src/views/studio/modals/promote-modal.jsx @@ -5,6 +5,7 @@ import {FormattedMessage} from 'react-intl'; import Modal from '../../../components/modal/base/modal.jsx'; import ModalTitle from '../../../components/modal/base/modal-title.jsx'; import ModalInnerContent from '../../../components/modal/base/modal-inner-content.jsx'; +import Alert from '../../../components/alert/alert.jsx'; import './promote-modal.scss'; @@ -43,24 +44,27 @@ const PromoteModal = ({
  • -
    - - -
    +
    + +
    + + +
    +
    ); diff --git a/src/views/studio/modals/promote-modal.scss b/src/views/studio/modals/promote-modal.scss index 8f429d2f9..4884d963d 100644 --- a/src/views/studio/modals/promote-modal.scss +++ b/src/views/studio/modals/promote-modal.scss @@ -33,9 +33,24 @@ padding: 2rem; } + .promote-alert-and-button-row { + padding: 0 1.5rem 1.5rem 1.5rem; + } + + // Override alert-wrapper positioning for this modal + .alert-wrapper { + position: unset; + } + + .promote-alert { + width: 100%; + padding: 0 1rem; + } + .promote-button-row { display: flex; justify-content: flex-end; + padding-top: 1.5rem; } .button {