diff --git a/client/coral-admin/src/components/Modal.css b/client/coral-admin/src/components/Modal.css index 8a3d2ad00..fe089cf41 100644 --- a/client/coral-admin/src/components/Modal.css +++ b/client/coral-admin/src/components/Modal.css @@ -19,7 +19,6 @@ .inner { width: 100vw; - height: 100vh; background-color: #fff; box-shadow: 2px 2px 5px 0px rgba(153,153,153,1); padding: 20px; @@ -37,7 +36,6 @@ @media (--big-viewport) { .inner { width: 600px; - height: 50vh; border-radius: 4px; } } diff --git a/client/coral-admin/src/components/SuspendUserModal.css b/client/coral-admin/src/components/SuspendUserModal.css index e69de29bb..2dbdfc0f3 100644 --- a/client/coral-admin/src/components/SuspendUserModal.css +++ b/client/coral-admin/src/components/SuspendUserModal.css @@ -0,0 +1,31 @@ + +.modalButtons { + display: flex; + justify-content: flex-end; + margin-top: 50px; +} + +.emailInput { + border-radius: 3px; + width: 100%; + padding: 10px; + font-size: 14px; +} + +.writeContainer { + margin-top: 20px; +} + +.emailContainer { + display: flex; +} + +.emailMessage { + font-weight: 800; +} + +.title { + font-size: 20px; + font-weight: 800; + margin-bottom: 20px; +} diff --git a/client/coral-admin/src/components/SuspendUserModal.js b/client/coral-admin/src/components/SuspendUserModal.js index c3725271c..f8491d615 100644 --- a/client/coral-admin/src/components/SuspendUserModal.js +++ b/client/coral-admin/src/components/SuspendUserModal.js @@ -46,23 +46,31 @@ class SuspendUserModal extends Component { const {stage, actionType, onClose, onButtonClick} = this.props; const about = actionType === 'flag_bio' ? lang.t('suspenduser.bio') : lang.t('suspenduser.username'); return actionType ? -

{lang.t(stages[stage].title, about)}

+
{lang.t(stages[stage].title, about)}
{lang.t(stages[stage].description, about)}
{ stage === 1 && -