From f98ce4eddb78097e9612aec13a2664886014ad18 Mon Sep 17 00:00:00 2001
From: bmauger <mauger.bryan@gmail.com>
Date: Fri, 20 May 2022 16:09:47 -0400
Subject: [PATCH] Modal css updates to make full height on Android

---
 src/common-components/loading-modal/loading-modal.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/common-components/loading-modal/loading-modal.vue b/src/common-components/loading-modal/loading-modal.vue
index 3eabf3590..b11910ec6 100644
--- a/src/common-components/loading-modal/loading-modal.vue
+++ b/src/common-components/loading-modal/loading-modal.vue
@@ -1,5 +1,5 @@
 <template>
-  <div v-if="isModalVisible" class="container modal-loader vh-100 overflow-visible">
+  <div v-if="isModalVisible" class="container-fluid modal-loader vh-100 overflow-visible">
     <div class="row g-2 h-100 d-flex align-items-center">
       <div class="container-fluid">
         <div class="row h-100">
@@ -47,12 +47,16 @@ export default {
 
 <style lang="scss">
 .modal-loader {
+  height: 100%;
+  max-width: 100% !important;//For use with modal only
   background-color: $gray-100;
   z-index: 9999;
   position: absolute;
   width: 100%;
   left: 0;
+  right: 0;
   top: 0;
+  bottom: 0;
   p {
     font-family: Roboto;
   }