diff --git a/app/assets/stylesheets/new_design/layouts.scss b/app/assets/stylesheets/new_design/layouts.scss index 0f0f97b1a..a5eee6808 100644 --- a/app/assets/stylesheets/new_design/layouts.scss +++ b/app/assets/stylesheets/new_design/layouts.scss @@ -23,14 +23,23 @@ } .column { - padding: $two-columns-padding 0 $two-columns-padding 0; width: 100%; max-width: 500px; margin: 0 auto; + padding: ($default-padding * 2) 0 0 0; + + &:last-of-type { + padding-bottom: $default-padding * 2; + } @media (min-width: $two-columns-breakpoint) { width: 45%; margin: 0; + padding: $two-columns-padding 0 $two-columns-padding 0; + + &:last-of-type { + padding-bottom: $two-columns-padding; + } } } } diff --git a/app/assets/stylesheets/new_design/procedure_context.scss b/app/assets/stylesheets/new_design/procedure_context.scss index 9f3e80f73..dccd52c9b 100644 --- a/app/assets/stylesheets/new_design/procedure_context.scss +++ b/app/assets/stylesheets/new_design/procedure_context.scss @@ -26,7 +26,7 @@ $procedure-context-breakpoint: $two-columns-breakpoint; .procedure-title { font-size: 30px; - margin: 20px 0 0; + margin: 0 0 20px 0; text-align: center; @media (min-width: $procedure-context-breakpoint) { @@ -38,7 +38,7 @@ $procedure-context-breakpoint: $two-columns-breakpoint; .procedure-description { font-size: 16px; - p { + p:not(:last-of-type) { margin-bottom: 2 * $default-spacer; } @@ -54,7 +54,7 @@ $procedure-context-breakpoint: $two-columns-breakpoint; img { max-height: 50px; max-width: 100%; - margin: 0 10px; + margin: 0 10px 20px 10px; @media (min-width: $procedure-context-breakpoint) { max-height: 130px;