From 42c034500f24393468aaaddee8369e8f8d243276 Mon Sep 17 00:00:00 2001
From: amansinghbais <singh11amanbais@gmail.com>
Date: Mon, 29 Jul 2024 16:04:51 +0530
Subject: [PATCH 1/4] Improved: made rejection reasons page mobile version
 compatible (#244)

---
 src/views/RejectionReasons.vue | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/views/RejectionReasons.vue b/src/views/RejectionReasons.vue
index 48983e6b..6f75d183 100644
--- a/src/views/RejectionReasons.vue
+++ b/src/views/RejectionReasons.vue
@@ -19,14 +19,16 @@
                 </ion-label>
               </ion-item>
 
-              <div class="tablet">
+              <div class="deskptop-only">
                 <ion-chip outline @click="openVarianceTypeActionsPopover($event, reason)">
                   <ion-label>{{ reason.enumTypeId }}</ion-label>
                   <ion-icon :icon="caretDownOutline" />
                 </ion-chip>
               </div>
   
-              <ion-reorder />
+              <div class="desktop-only">
+                <ion-reorder />
+              </div>
   
               <ion-button fill="clear" color="medium" @click="openRejectionReasonActionsPopover($event, reason)">
                 <ion-icon slot="icon-only" :icon="ellipsisVerticalOutline" />
@@ -259,6 +261,7 @@ export default defineComponent({
 <style scoped>
 .list-item {
   --columns-desktop: 4;
+  --columns-tablet: 2;
 }
 
 .list-item:hover {

From b1ee3ee6489117f7178eeafe2c90927de6a8b176 Mon Sep 17 00:00:00 2001
From: amansinghbais <singh11amanbais@gmail.com>
Date: Mon, 29 Jul 2024 16:36:37 +0530
Subject: [PATCH 2/4] Improved: css for the list-item in store carrier details
 (#244)

---
 src/views/CarrierDetail.vue | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/src/views/CarrierDetail.vue b/src/views/CarrierDetail.vue
index 73da2e2e..1948c12b 100644
--- a/src/views/CarrierDetail.vue
+++ b/src/views/CarrierDetail.vue
@@ -85,7 +85,7 @@
                     <ion-toggle :checked="shipmentMethod.isTrackingRequired" :disabled="!shipmentMethod.isChecked" @ionChange="updateTrackingRequired($event, shipmentMethod)"/>
                     <ion-note class="config-label">{{ translate("require tracking code") }}</ion-note>
                   </div>
-                  <div class="tablet">
+                  <div>
                     <ion-checkbox :checked="shipmentMethod.isChecked" @click="updateProductStoreShipmentMethodAssociation($event, shipmentMethod, productStore)" />
                   </div>
                 </div>
@@ -487,10 +487,6 @@
   .list-item:hover {
     cursor: default;
   }
-  .tablet {
-    display: block;
-    text-align: center;
-  }
   .config-label {
     display: block;
     text-align: center;

From ef44708d366d66daa73c197ff9995bf0f6de7bc1 Mon Sep 17 00:00:00 2001
From: amansinghbais <singh11amanbais@gmail.com>
Date: Mon, 29 Jul 2024 18:32:37 +0530
Subject: [PATCH 3/4] Improved: css of carrier details page for mobile
 responsiveness (#244)

---
 src/components/ShipmentMethods.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/ShipmentMethods.vue b/src/components/ShipmentMethods.vue
index 7faad196..84c6ba80 100644
--- a/src/components/ShipmentMethods.vue
+++ b/src/components/ShipmentMethods.vue
@@ -27,7 +27,7 @@
       </ion-chip>
       <ion-note class="config-label">{{ translate('carrier code') }}</ion-note>
     </div>
-    <div class="tablet">
+    <div class="shipment-status">
       <ion-checkbox :checked="shipmentMethod.isChecked" @click="updateCarrierShipmentMethodAssociation($event, shipmentMethod)" />
     </div>
     <ion-button fill="clear" color="medium" @click="openShipmentMethodActionsPopover($event, shipmentMethod)">
@@ -267,11 +267,12 @@
   <style scoped>
   .list-item {
     --columns-desktop: 5;
+    --columns-mobile: 3;
   }
   .list-item:hover {
     cursor: default;
   }
-  .tablet {
+  .shipment-status {
     display: block;
     text-align: center;
   }

From b08f265cf9aef36b8ccdbfa10167166b7873efa2 Mon Sep 17 00:00:00 2001
From: amansinghbais <singh11amanbais@gmail.com>
Date: Mon, 29 Jul 2024 18:40:38 +0530
Subject: [PATCH 4/4] Improved: added menu toggle in the rejection reason and
 carriers page (#244)

---
 src/views/Carriers.vue         | 3 +++
 src/views/RejectionReasons.vue | 3 +++
 2 files changed, 6 insertions(+)

diff --git a/src/views/Carriers.vue b/src/views/Carriers.vue
index dbfe174e..c1dbb300 100644
--- a/src/views/Carriers.vue
+++ b/src/views/Carriers.vue
@@ -2,6 +2,7 @@
     <ion-page>      
       <ion-header :translucent="true">
         <ion-toolbar>
+          <ion-menu-button menu="start" slot="start" />
           <ion-title>{{ translate('Carriers') }}</ion-title>
         </ion-toolbar>
       </ion-header>
@@ -44,6 +45,7 @@
     IonItem, 
     IonLabel, 
     IonList,
+    IonMenuButton,
     IonNote,
     IonPage, 
     IonTitle, 
@@ -67,6 +69,7 @@
       IonItem, 
       IonLabel, 
       IonList,
+      IonMenuButton,
       IonNote,
       IonPage, 
       IonTitle, 
diff --git a/src/views/RejectionReasons.vue b/src/views/RejectionReasons.vue
index 6f75d183..f643e217 100644
--- a/src/views/RejectionReasons.vue
+++ b/src/views/RejectionReasons.vue
@@ -2,6 +2,7 @@
   <ion-page>
     <ion-header :translucent="true">
       <ion-toolbar>
+        <ion-menu-button menu="start" slot="start" />
         <ion-title @click="saveReasonsOrder()">{{ translate("Rejection reasons") }}</ion-title>
       </ion-toolbar>
     </ion-header>
@@ -61,6 +62,7 @@ import {
   IonIcon,
   IonItem,
   IonLabel,
+  IonMenuButton,
   IonPage,
   IonReorder,
   IonReorderGroup,
@@ -92,6 +94,7 @@ export default defineComponent({
     IonIcon,
     IonItem,
     IonLabel,
+    IonMenuButton,
     IonPage,
     IonReorder,
     IonReorderGroup,