From d421a09dfd943467e3c77409d2daf696ecd24e78 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=BCneyt=20=C5=9Eent=C3=BCrk?= <cneytsenturk@gmail.com>
Date: Fri, 22 Jan 2021 22:39:53 +0300
Subject: [PATCH] CardForm button styling..

---
 .../assets/js/components/CreditCard/CardForm.vue  | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/resources/assets/js/components/CreditCard/CardForm.vue b/resources/assets/js/components/CreditCard/CardForm.vue
index 93d143ee9..34280fce3 100644
--- a/resources/assets/js/components/CreditCard/CardForm.vue
+++ b/resources/assets/js/components/CreditCard/CardForm.vue
@@ -11,10 +11,11 @@
                             class="btn btn-outline-default w-100"
                             @click="onSelectedCard(key)"
                             :disabled="loading">
-                            <div v-if="loading" class="aka-loader-frame">
-                                <div class="aka-loader"></div>
+                            <div class="description text-center">
+                                <i v-if="loading" class="fa fa-spinner fa-spin fa-1x checkout-spin"></i>
+
+                                {{ name }}
                             </div>
-                            {{ name }}
                         </button>
                     </div>
                 </div>
@@ -28,7 +29,13 @@
                             data-target="#collapseNewCard"
                             aria-expanded="false"
                             aria-controls="collapseNewCard"
-                            :disabled="loading">{{ textNewCard }}</button>
+                            :disabled="loading">
+                            <div class="description text-center">
+                                <i v-if="loading" class="fa fa-spinner fa-spin fa-1x checkout-spin"></i>
+
+                                {{ textNewCard }}
+                            </div>
+                        </button>
                     </div>
                 </div>
             </div>