From 13748f2860f098476899d81651c398755472eaa7 Mon Sep 17 00:00:00 2001
From: Yash Maheshwari <yashmaheshwari551@gmail.com>
Date: Wed, 23 Oct 2024 16:15:21 +0530
Subject: [PATCH] Improved: UI to move the learn more card at the bottom(#33)

---
 src/views/ShopifyInstall.vue | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/views/ShopifyInstall.vue b/src/views/ShopifyInstall.vue
index ee2a3f0..5ec49e9 100644
--- a/src/views/ShopifyInstall.vue
+++ b/src/views/ShopifyInstall.vue
@@ -25,10 +25,6 @@
             <ion-label class="ion-text-wrap" v-if="isAppInstalled">{{ $t('Shopify store synced with HotWax Commerce') }}</ion-label>
           </ion-item>
           <ion-progress-bar type="indeterminate" v-if="syncDetailsToShopify"></ion-progress-bar>
-          <ion-item class="ion-item-button ion-margin-vertical" lines="none" button @click="goToLearnMoreDocument()">
-            <ion-icon slot="start" :icon="bookOutline" />
-            <ion-label class="ion-text-wrap">{{ $t('Learn more about connecting HotWax Commerce with Shopify') }}</ion-label>
-          </ion-item>
 
           <template v-if="isAppInstalled">
             <ion-item lines="none">
@@ -56,6 +52,11 @@
               </span>
             </ion-item>
           </template>
+
+          <ion-item class="ion-item-button ion-margin-top" lines="none" button @click="goToLearnMoreDocument()">
+            <ion-icon slot="start" :icon="bookOutline" />
+            <ion-label class="ion-text-wrap">{{ $t('Learn more about connecting HotWax Commerce with Shopify') }}</ion-label>
+          </ion-item>
         </ion-list>
       </div>
     </ion-content>