From f8df75917e79008d9c35340e3e12a0df44c8b925 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ant=C3=B3nio=20Ferreira?= <m1aw@users.noreply.github.com>
Date: Wed, 24 Nov 2021 15:06:45 +0100
Subject: [PATCH] Fixes padding for payment method focus state (#1370)

* fixes padding for payment method focus state

* adds more semantic css
---
 .../components/PaymentMethod/OrderPaymentMethods.scss |  4 ++++
 .../components/PaymentMethod/PaymentMethodItem.scss   | 11 ++++++-----
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/packages/lib/src/components/Dropin/components/PaymentMethod/OrderPaymentMethods.scss b/packages/lib/src/components/Dropin/components/PaymentMethod/OrderPaymentMethods.scss
index b2cccd6aa5..767fb0fb1c 100644
--- a/packages/lib/src/components/Dropin/components/PaymentMethod/OrderPaymentMethods.scss
+++ b/packages/lib/src/components/Dropin/components/PaymentMethod/OrderPaymentMethods.scss
@@ -38,6 +38,10 @@
     position: relative;
     transition: background .1s ease-out;
     width: 100%;
+
+    .adyen-checkout__payment-method__header__title {
+        padding: $spacing-none;
+    }
 }
 
 
diff --git a/packages/lib/src/components/Dropin/components/PaymentMethod/PaymentMethodItem.scss b/packages/lib/src/components/Dropin/components/PaymentMethod/PaymentMethodItem.scss
index e56914bdd8..d3dd4c0bfc 100644
--- a/packages/lib/src/components/Dropin/components/PaymentMethod/PaymentMethodItem.scss
+++ b/packages/lib/src/components/Dropin/components/PaymentMethod/PaymentMethodItem.scss
@@ -55,15 +55,16 @@
     justify-content: space-between;
     font-weight: 400;
     font-size: $font-size-medium;
-    padding: 16px;
-    padding-left: 48px;
+    $payment-button-padding: $spacing-xsmall;
+    padding: $spacing-medium - $payment-button-padding;
+    padding-left: $spacing-xxlarge - $payment-button-padding;
     position: relative;
     transition: background 0.1s ease-out;
     width: 100%;
 
     [dir='rtl'] & {
-        padding: 16px;
-        padding-right: 48px;
+        padding: $spacing-medium - $payment-button-padding;
+        padding-right: $spacing-xxlarge - $payment-button-padding;
     }
 
     .adyen-checkout__payment-method--standalone & {
@@ -81,7 +82,7 @@
     border: none;
     background: none;
     cursor: pointer;
-    padding: 0;
+    padding: $spacing-xsmall;
     color: $color-black;
     font-size: 1em;
     font-weight: 400;