diff --git a/app/assets/stylesheets/new_design/_constants.scss b/app/assets/stylesheets/new_design/_constants.scss index 548028022..02558f175 100644 --- a/app/assets/stylesheets/new_design/_constants.scss +++ b/app/assets/stylesheets/new_design/_constants.scss @@ -3,7 +3,7 @@ $small-page-width: 840px; $default-spacer: 8px; $default-padding: 2 * $default-spacer; -$default-fields-spacer: 4 * $default-spacer; +$default-fields-spacer: 5 * $default-spacer; // layouts $two-columns-padding: 60px; diff --git a/app/assets/stylesheets/new_design/forms.scss b/app/assets/stylesheets/new_design/forms.scss index 591e8a432..04e7c5f42 100644 --- a/app/assets/stylesheets/new_design/forms.scss +++ b/app/assets/stylesheets/new_design/forms.scss @@ -86,6 +86,14 @@ left: 0px; } } + + // When the (eventual) notice is displayed after the input, give it some bottom margin + &.editable-champ-checkbox, + &.editable-champ-engagement { + .notice { + margin-bottom: $default-fields-spacer; + } + } } .radios { @@ -307,7 +315,7 @@ display: inline-block; color: $blue; font-size: 30px; - margin-bottom: $default-fields-spacer; + margin-bottom: 3 * $default-padding; border-bottom: 3px solid $blue; } @@ -318,7 +326,7 @@ } .explication { - margin-bottom: $default-padding; + margin-bottom: $default-fields-spacer; padding: $default-padding / 2; background-color: $light-grey;