From 2c7f521092163085c289cd4b2d513e16cdbbd94a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Benjamin=20Beganovi=C4=87?= <k1pstabug@gmail.com>
Date: Thu, 14 Apr 2022 10:21:04 +0200
Subject: [PATCH 1/2] Remove width of screen position for Paytrace form

---
 .../views/portal/ninja2020/gateways/paytrace/pay.blade.php      | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/views/portal/ninja2020/gateways/paytrace/pay.blade.php b/resources/views/portal/ninja2020/gateways/paytrace/pay.blade.php
index d7e752fea647..0be3196b76b2 100644
--- a/resources/views/portal/ninja2020/gateways/paytrace/pay.blade.php
+++ b/resources/views/portal/ninja2020/gateways/paytrace/pay.blade.php
@@ -50,7 +50,7 @@
     @include('portal.ninja2020.gateways.includes.save_card')
 
     @component('portal.ninja2020.components.general.card-element-single')
-        <div class="w-screen items-center" id="paytrace--credit-card-container">
+        <div class="items-center" id="paytrace--credit-card-container">
             <div id="pt_hpf_form"></div>
         </div>
     @endcomponent

From 67aaf57e19826dee61cd869e4a5c3676cf798a2c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Benjamin=20Beganovi=C4=87?= <k1pstabug@gmail.com>
Date: Thu, 14 Apr 2022 10:21:17 +0200
Subject: [PATCH 2/2] Automatically focus credit card input if token is not
 present

---
 resources/views/portal/ninja2020/layout/payments.blade.php | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/resources/views/portal/ninja2020/layout/payments.blade.php b/resources/views/portal/ninja2020/layout/payments.blade.php
index bdbc94ecfa57..b21a08abc7cf 100644
--- a/resources/views/portal/ninja2020/layout/payments.blade.php
+++ b/resources/views/portal/ninja2020/layout/payments.blade.php
@@ -70,9 +70,12 @@
 
         document.addEventListener('DOMContentLoaded', function() {
             let toggleWithToken = document.querySelector('.toggle-payment-with-token');
+            let toggleWithCard = document.querySelector('#toggle-payment-with-credit-card');
 
             if (toggleWithToken) {
                 toggleWithToken.click();
+            } else if (toggleWithCard) {
+                toggleWithCard.click();
             }
         });
     </script>