From 34298e9d51c605ff8eb3cec9cc34018b2b272e7e Mon Sep 17 00:00:00 2001 From: SvenV Date: Tue, 17 Oct 2023 10:32:16 +0200 Subject: [PATCH] SGD8-2521: Fix Theme footer spacing --- .../31-molecules/newsletter/_newsletter.scss | 38 ++++++++++--------- 1 file changed, 20 insertions(+), 18 deletions(-) diff --git a/source/sass/31-molecules/newsletter/_newsletter.scss b/source/sass/31-molecules/newsletter/_newsletter.scss index 725c0f9f4..f7b121a1c 100644 --- a/source/sass/31-molecules/newsletter/_newsletter.scss +++ b/source/sass/31-molecules/newsletter/_newsletter.scss @@ -14,7 +14,7 @@ @include tablet { display: flex; flex-wrap: wrap; - align-items: flex-start; + align-items: flex-end; justify-content: flex-start; } @@ -25,12 +25,16 @@ .dg-newsletter-intro-text, .dg-newsletter-privacy-disclaimer { flex-basis: 100%; + + p:last-child { + margin-bottom: 0; + } } .form-item { margin: 0; - @include phablet { + @include tablet { margin: 0 10px 0 0; max-width: 556px; } @@ -45,24 +49,21 @@ } } - .form-actions { - flex-grow: 0; + .email { width: 100%; - margin: 10px 0 0 0; - @include phablet { - width: auto; - margin: 36px 0 0; + @include tablet { + max-width: 350px; } + } + + .form-actions { + flex-grow: 0; + margin: 10px 0 0; input[type="submit"] { align-self: flex-start; - width: 100%; margin: 0; - - @include phablet { - width: auto; - } } } @@ -73,9 +74,10 @@ } } - //input[type="submit"] { - // min-height: 2.4rem; - // margin-top: -.1rem; - // font-size: .8rem; - //} + .email { + label { + @include theme('color', 'color-zero'); + @include semi-bold-text; + } + } }