Merge branch 'rm/347818' into 'master'

fix CTA alignement for the modals See merge request kchat/webapp!876
Infomaniak · Aug 20, 2024 · 34b832f · 34b832f
2 parents 49bf508 + 1e4bf48
commit 34b832f
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/webapp/channels/src/components/confirm_modal.scss b/webapp/channels/src/components/confirm_modal.scss
@@ -1,3 +1,12 @@
 .modal-confirm .modal-footer .checkbox {
     margin-right: auto;
 }
+.modal-confirm .modal-body {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+}
+
+.modal-confirm .modal-footer {
+    justify-content: center !important;
+}
diff --git a/webapp/channels/src/components/confirm_modal.tsx b/webapp/channels/src/components/confirm_modal.tsx
@@ -168,7 +168,7 @@ export default class ConfirmModal extends React.Component<Props, State> {
         return (
             <Modal
                 id={classNames('confirmModal', this.props.id)}
-                className={'modal-confirm ' + this.props.modalClass}
+                className={'modal-confirm' + this.props.modalClass}
                 dialogClassName='a11y__modal'
                 show={this.props.show}
                 onHide={this.handleCancel}