From 089639f1b58651bbf24259ad65404d804a54bd86 Mon Sep 17 00:00:00 2001 From: ramonjd Date: Thu, 26 Apr 2018 11:17:16 +1000 Subject: [PATCH 1/2] Normalizing top padding of the credit card form. Ensures that 15px padding applies and first field (name) does not contain top padding. --- client/components/credit-card-form-fields/style.scss | 4 +++- client/my-sites/checkout/checkout/style.scss | 2 +- 2 files changed, 4 insertions(+), 2 deletions(-) diff --git a/client/components/credit-card-form-fields/style.scss b/client/components/credit-card-form-fields/style.scss index 69958a8d3b36b1..6068feddb1afb1 100644 --- a/client/components/credit-card-form-fields/style.scss +++ b/client/components/credit-card-form-fields/style.scss @@ -38,7 +38,9 @@ .credit-card-form-fields__field { margin-top: 15px; position: relative; - + &.name { + margin-top: 0; + } select { font-size: 15px; width: 100%; diff --git a/client/my-sites/checkout/checkout/style.scss b/client/my-sites/checkout/checkout/style.scss index 3ef0eee3031b80..bf8c27055aa399 100644 --- a/client/my-sites/checkout/checkout/style.scss +++ b/client/my-sites/checkout/checkout/style.scss @@ -318,7 +318,6 @@ .payment-box-section.selected:not( .no-stored-cards ) { .payment-box-section-inner { border-left: 3px solid $alert-green; - padding-top: 15px; } .checkout__new-card-fields { background-color: #fafdf6; @@ -348,6 +347,7 @@ .payment-box-section.selected .checkout__new-card-fields { max-height: 100%; margin-bottom: 0; + padding-top: 15px; } .checkout__new-card-toggle { From 1f5a43a52901d352ffeb2534d6d62384e2862f02 Mon Sep 17 00:00:00 2001 From: ramonjd Date: Fri, 27 Apr 2018 09:35:07 +1000 Subject: [PATCH 2/2] Added spacing between declarations --- client/components/credit-card-form-fields/style.scss | 2 ++ 1 file changed, 2 insertions(+) diff --git a/client/components/credit-card-form-fields/style.scss b/client/components/credit-card-form-fields/style.scss index 6068feddb1afb1..6df5623d8bad0f 100644 --- a/client/components/credit-card-form-fields/style.scss +++ b/client/components/credit-card-form-fields/style.scss @@ -38,9 +38,11 @@ .credit-card-form-fields__field { margin-top: 15px; position: relative; + &.name { margin-top: 0; } + select { font-size: 15px; width: 100%;