From 390fd0ffb42b0f3e3666b2ed906ee03ed4efa22d Mon Sep 17 00:00:00 2001
From: Chloe Herd <chloe.herd@safelite.com>
Date: Thu, 14 Sep 2023 09:19:47 -0400
Subject: [PATCH] Loading modal update

---
 .../loading-modal/loading-modal.vue           | 24 ++++++++++++-------
 1 file changed, 16 insertions(+), 8 deletions(-)

diff --git a/src/fmg-components/loading-modal/loading-modal.vue b/src/fmg-components/loading-modal/loading-modal.vue
index 9e35daeeb..4aa5cacdf 100644
--- a/src/fmg-components/loading-modal/loading-modal.vue
+++ b/src/fmg-components/loading-modal/loading-modal.vue
@@ -1,7 +1,7 @@
 <template>
     <div v-if="isModalVisible">
-        <div class="dimmer-overlay"></div>
-        <div class="container-fluid modal-loader" :class="layoutClass">
+        <div v-if="notFullScreen" class="dimmer-overlay"></div>
+        <div class="modal-loader" :class="layoutClass">
             <div class="row g-2 h-100 d-flex align-items-center">
                 <div class="container-fluid overflow-hidden">
                     <div class="row h-100">
@@ -69,7 +69,7 @@ export default {
     },
     computed: {
         layoutClass() {
-            return this.notFullScreen ? "card-layout" : "full-screen";
+            return this.notFullScreen ? "card-layout" : "full-screen container-fluid";
         },
     },
     methods: {
@@ -123,12 +123,20 @@ export default {
     }
 
     &.card-layout {
-        height: 186px;
-        width: calc(100% - 3rem);
+        position: fixed;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+        padding: 1rem;
         border-radius: 0.5rem;
-        position: absolute;
-        top: calc(50% - 93px);
-        left: 1.5rem;
+
+        & .text-container {
+            display: none;
+        }
+
+        & .mb-4 {
+            margin-bottom: 0;
+        }
     }
 
     .tagbg {