From b47bd217ae7dcd488f694f6f6b0066a19b491416 Mon Sep 17 00:00:00 2001
From: Levente Lorincz <levente.lorincz.ext@gini.net>
Date: Wed, 7 Aug 2024 16:14:42 +0300
Subject: [PATCH 1/2] fix(health-sdk): Fixed payment component styling

IPC-318
---
 health-sdk/sdk/src/doc/source/customization.rst       | 11 +++++++++++
 .../main/res/layout/ghs_view_payment_component.xml    |  1 -
 health-sdk/sdk/src/main/res/values/styles.xml         |  5 ++++-
 3 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/health-sdk/sdk/src/doc/source/customization.rst b/health-sdk/sdk/src/doc/source/customization.rst
index 3699259eee..0d1fa31dd6 100644
--- a/health-sdk/sdk/src/doc/source/customization.rst
+++ b/health-sdk/sdk/src/doc/source/customization.rst
@@ -162,6 +162,17 @@ You can also view the UI customisation guide in Figma `here
 
     To copy text from Figma you need to have a Figma account. If you don't have one, you can create one for free.
 
+.. note::
+
+    To change the paddings you can override the ``GiniHealthTheme.Widget.Button.PaymentProviderSelector`` style.
+
+.. code-block:: xml
+
+    <style name="GiniHealthTheme.Widget.Button.PaymentProviderSelector" parent="Root.GiniHealthTheme.Widget.Button.PaymentProviderSelector">
+        <item name="android:paddingStart">5dp</item>
+        <item name="android:paddingEnd">5dp</item>
+    </style>
+
 .. raw:: html
 
     <iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="600" height="450"
diff --git a/health-sdk/sdk/src/main/res/layout/ghs_view_payment_component.xml b/health-sdk/sdk/src/main/res/layout/ghs_view_payment_component.xml
index 33ac0cddf0..ab151f1d52 100644
--- a/health-sdk/sdk/src/main/res/layout/ghs_view_payment_component.xml
+++ b/health-sdk/sdk/src/main/res/layout/ghs_view_payment_component.xml
@@ -57,7 +57,6 @@
             android:layout_marginHorizontal="@dimen/ghs_large"
             android:clickable="false"
             android:gravity="start|center_vertical"
-            android:paddingHorizontal="@dimen/ghs_large"
             android:contentDescription="@string/ghs_select_bank_content_description"
             app:layout_constraintHorizontal_chainStyle="spread_inside"
             app:layout_constraintHorizontal_weight="1"
diff --git a/health-sdk/sdk/src/main/res/values/styles.xml b/health-sdk/sdk/src/main/res/values/styles.xml
index cc0df00762..254418eeaf 100644
--- a/health-sdk/sdk/src/main/res/values/styles.xml
+++ b/health-sdk/sdk/src/main/res/values/styles.xml
@@ -230,7 +230,10 @@
     <style name="Root.GiniHealthTheme.Widget.Button.PaymentProviderSelector" parent="GiniHealthTheme.Widget.Button.TransparentBackground">
         <item name="android:textAppearance">@style/GiniHealthTheme.Typography.Input</item>
     </style>
-    <style name="GiniHealthTheme.Widget.Button.PaymentProviderSelector" parent="Root.GiniHealthTheme.Widget.Button.PaymentProviderSelector"/>
+    <style name="GiniHealthTheme.Widget.Button.PaymentProviderSelector" parent="Root.GiniHealthTheme.Widget.Button.PaymentProviderSelector">
+        <item name="android:paddingStart">@dimen/ghs_large</item>
+        <item name="android:paddingEnd">@dimen/ghs_large</item>
+    </style>
     
     <style name="Root.GiniHealthTheme.Widget.Button.PaymentProviderPicker" parent="GiniHealthTheme.Widget.Button.TransparentBackground">
         <item name="android:textAppearance">@style/GiniHealthTheme.Typography.Body1</item>

From ad6a1386e3b96493b3428acc520fdd7867634217 Mon Sep 17 00:00:00 2001
From: Alpar Szotyori <alpar@gini.net>
Date: Mon, 12 Aug 2024 14:39:26 +0200
Subject: [PATCH 2/2] docs(health-sdk): Move the code snippet into the notes
 block

IPC-318
---
 health-sdk/sdk/src/doc/source/customization.rst | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/health-sdk/sdk/src/doc/source/customization.rst b/health-sdk/sdk/src/doc/source/customization.rst
index 0d1fa31dd6..9a3c328169 100644
--- a/health-sdk/sdk/src/doc/source/customization.rst
+++ b/health-sdk/sdk/src/doc/source/customization.rst
@@ -164,14 +164,14 @@ You can also view the UI customisation guide in Figma `here
 
 .. note::
 
-    To change the paddings you can override the ``GiniHealthTheme.Widget.Button.PaymentProviderSelector`` style.
+  To change the paddings for the gray bank selection button (the one which shows the bank icon) you can override the ``GiniHealthTheme.Widget.Button.PaymentProviderSelector`` style:
 
-.. code-block:: xml
+  .. code-block:: xml
 
-    <style name="GiniHealthTheme.Widget.Button.PaymentProviderSelector" parent="Root.GiniHealthTheme.Widget.Button.PaymentProviderSelector">
-        <item name="android:paddingStart">5dp</item>
-        <item name="android:paddingEnd">5dp</item>
-    </style>
+      <style name="GiniHealthTheme.Widget.Button.PaymentProviderSelector" parent="Root.GiniHealthTheme.Widget.Button.PaymentProviderSelector">
+          <item name="android:paddingStart">5dp</item>
+          <item name="android:paddingEnd">5dp</item>
+      </style>
 
 .. raw:: html