diff --git a/mailpoet/assets/css/src/components-form-editor/_form-placement.scss b/mailpoet/assets/css/src/components-form-editor/_form-placement.scss index ab5ca13f78..71b06583f7 100644 --- a/mailpoet/assets/css/src/components-form-editor/_form-placement.scss +++ b/mailpoet/assets/css/src/components-form-editor/_form-placement.scss @@ -1,15 +1,8 @@ .form-placement-option-list { - display: flex; - flex-direction: row; - flex-wrap: wrap; - justify-content: space-around; - margin: 0 -12px; -} - -.form-placement-option { - height: $form-placement-option-height; + display: grid; + grid-gap: $grid-gap; + grid-template-columns: 1fr 1fr; text-align: center; - width: $form-placement-option-width; } .form-placement-settings { diff --git a/mailpoet/assets/css/src/components-form-editor/_selection-item.scss b/mailpoet/assets/css/src/components-form-editor/_selection-item.scss index f79a6c2a82..7fa5699ec2 100644 --- a/mailpoet/assets/css/src/components-form-editor/_selection-item.scss +++ b/mailpoet/assets/css/src/components-form-editor/_selection-item.scss @@ -7,7 +7,6 @@ display: flex; flex-direction: column; justify-content: space-between; - margin-bottom: 16px; padding: 6px; pointer-events: auto; position: relative; diff --git a/mailpoet/assets/css/src/settings/_form-editor.scss b/mailpoet/assets/css/src/settings/_form-editor.scss index 7b9ad23112..1d5b4637fc 100644 --- a/mailpoet/assets/css/src/settings/_form-editor.scss +++ b/mailpoet/assets/css/src/settings/_form-editor.scss @@ -6,7 +6,4 @@ $selection-item-text-color: #23282d; $selection-item-oval-color: #dcdcdc; $selection-item-oval-border-color: #969ca1; $selection-item-active-border: 1px; -$form-placement-option-height: 142px; -$form-placement-option-width: 112px; -$form-placement-option-active-border: 2px; $form-preview-mobile-height: 760px;