From 0bed0c32318b1eb5497b376cc8328e985dfe0fe6 Mon Sep 17 00:00:00 2001
From: edmondlang <edmond_wuiming@hotmail.com>
Date: Tue, 26 Oct 2021 12:43:04 +0800
Subject: [PATCH] improve-responsive-ui

---
 .../bookings/forms/SupplierPlaceOrderFormComponent.vue |  2 +-
 .../sections/SupplierPendingOrdersSectionComponent.vue |  4 ++--
 resources/views/pages/banks/customers.blade.php        |  2 +-
 resources/views/pages/dashboards/admin.blade.php       | 10 +++++-----
 resources/views/pages/urgent_list.blade.php            |  2 +-
 resources/views/partials/header.blade.php              |  2 +-
 6 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/resources/assets/vue/components/bookings/forms/SupplierPlaceOrderFormComponent.vue b/resources/assets/vue/components/bookings/forms/SupplierPlaceOrderFormComponent.vue
index 7d4aeaed..c0acd955 100644
--- a/resources/assets/vue/components/bookings/forms/SupplierPlaceOrderFormComponent.vue
+++ b/resources/assets/vue/components/bookings/forms/SupplierPlaceOrderFormComponent.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="row">
+    <div class="row mt-3 mt-md-0">
         <div class="col">
             <div class="row">
                 <div class="col">
diff --git a/resources/assets/vue/components/bookings/sections/SupplierPendingOrdersSectionComponent.vue b/resources/assets/vue/components/bookings/sections/SupplierPendingOrdersSectionComponent.vue
index c3bdc966..81e17c37 100644
--- a/resources/assets/vue/components/bookings/sections/SupplierPendingOrdersSectionComponent.vue
+++ b/resources/assets/vue/components/bookings/sections/SupplierPendingOrdersSectionComponent.vue
@@ -4,7 +4,7 @@
             <div class="row">
                 <div class="col p-r-5">
                     <div class="row m-b-20">
-                        <div class="col-7">
+                        <div class="col-12 col-md-7">
                             <div class="row m-b-15">
                                 <div class="col">
                                     <div class="row">
@@ -87,7 +87,7 @@
                                 </div>
                             </div>
                         </div>
-                        <div class="col">
+                        <div class="col-12 col-md">
                             <supplier-place-order-form-component :payments="payments" :currency="selectedCurrency" :supplier="selectedSupplier" section="pendingOrdersSection"></supplier-place-order-form-component>
                             <div class="row m-t-20">
                                 <div class="col">
diff --git a/resources/views/pages/banks/customers.blade.php b/resources/views/pages/banks/customers.blade.php
index 92901def..2d5be65e 100644
--- a/resources/views/pages/banks/customers.blade.php
+++ b/resources/views/pages/banks/customers.blade.php
@@ -1,5 +1,5 @@
 <div class="row d-none" :class="[{'d-flex': $store.getters.isCustomer}]" v-if="$store.getters.isCustomer">
-    <div class="col-6 bg-white p-l-25 p-r-25 p-t-15 p-b-15">
+    <div class="col-12 col-sm-6 bg-white p-l-25 p-r-25 p-t-15 p-b-15">
 		<div class="row p-b-5 m-b-20 b-b b-grey align-items-center parentContainer">
             <div class="col">
                 <div class="font-heading all-caps fs-10 hint-text">
diff --git a/resources/views/pages/dashboards/admin.blade.php b/resources/views/pages/dashboards/admin.blade.php
index 7471027f..7681658b 100644
--- a/resources/views/pages/dashboards/admin.blade.php
+++ b/resources/views/pages/dashboards/admin.blade.php
@@ -1,10 +1,10 @@
 <div class="row d-none" :class="[{'d-flex': $store.getters.isAdmin}]" v-if="$store.getters.isAdmin">
-    <div class="col-4 p-l-0">
+    <div class="col-12 col-md-4 p-l-0 mb-4 mb-md-0">
         <div class="row">
             <div class="col">
                 <div class="row tabsContainer">
                     <div class="col">
-                        <div class="row m-l-0 m-r-0 d-none d-md-flex">
+                        <div class="row m-l-0 m-r-0 d-flex">
                             <div class="col">
                                 <div class="row justify-content-end">
                                     <div class="col">
@@ -247,12 +247,12 @@
             </div>
         </div>
     </div>
-    <div class="col p-l-0 p-r-0">
+    <div class="col-12 col-md p-l-0 p-r-0 mb-4 mb-md-0">
         <div class="row">
             <div class="col">
                 <div class="row tabsContainer">
                     <div class="col">
-                        <div class="row m-l-0 m-r-0 d-none d-md-flex">
+                        <div class="row m-l-0 m-r-0 d-flex">
                             <div class="col m-r-5">
                                 <div class="row fs-12 text-center">
                                     <div class="col p-t-20 p-b-20 bg-master-lighter active tabButton" tab-name="pendingOrders">
@@ -386,7 +386,7 @@
             </div>
         </div>
     </div>
-    <div class="col-2 p-r-0">
+    <div class="col-12 col-md-2 p-r-0">
         <div class="row">
             <div class="col">
                 <div class="row">
diff --git a/resources/views/pages/urgent_list.blade.php b/resources/views/pages/urgent_list.blade.php
index 9975f1f5..5284c730 100644
--- a/resources/views/pages/urgent_list.blade.php
+++ b/resources/views/pages/urgent_list.blade.php
@@ -3,7 +3,7 @@
     <div class="row">
         <div class="col bg-white p-t-15 p-b-15">
             <div class="row no-margin">
-                <div class="col-8">
+                <div class="col-12 col-md-8">
                     <div class="row m-b-15 p-b-10 b-b b-grey">
                         <div class="col">
                             <small class="all-caps muted fs-10">urgent list</small>
diff --git a/resources/views/partials/header.blade.php b/resources/views/partials/header.blade.php
index ecbd150d..01f0db3e 100644
--- a/resources/views/partials/header.blade.php
+++ b/resources/views/partials/header.blade.php
@@ -2,7 +2,7 @@
     <div class="row bg-primary-complete-gradient align-items-center justify-content-center">
         <div class="col">
             <div class="container-fluid container-fixed-lg no-padding">
-                <div class="row align-items-center justify-content-center">
+                <div class="row align-items-center justify-content-between">
                     <div class="col-auto hide">
                         <a href="#" class="btn-link toggle-sidebar fa fa-bars text-white" data-toggle="horizontal-menu"></a>
                     </div>