From 1d148e49099b8877a39546763b5ee3a3972244e2 Mon Sep 17 00:00:00 2001
From: Adam Caouette <adam.caouette@safelite.com>
Date: Thu, 16 Jan 2025 07:58:05 -0500
Subject: [PATCH] CASH-77: fix styling bugs

---
 .../save-progress-modal-question.vue                     | 9 +++++++--
 .../save-progress-popup-question.vue                     | 2 +-
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/fmg-components/save-progress-modal-question/save-progress-modal-question.vue b/src/fmg-components/save-progress-modal-question/save-progress-modal-question.vue
index 2e3cd5f72..d0ac790f3 100644
--- a/src/fmg-components/save-progress-modal-question/save-progress-modal-question.vue
+++ b/src/fmg-components/save-progress-modal-question/save-progress-modal-question.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="save-progress-modal-question">
+    <div class="save-progress-modal-question" :class="isProgressSaved ? 'progress-saved' : ''">
         <buttonMain
             ref="buttonMain"
             type="button"
@@ -119,6 +119,10 @@ export default {
     align-items: center;
     border-radius: 0.5rem;
 
+    &.progress-saved {
+        background: none;
+    }
+
     .save-progress-button {
         order: 4;
         position: relative;
@@ -131,7 +135,7 @@ export default {
         width: auto;
         height: auto;
         text-decoration: underline;
-        text-underline-offset: 0.375rem;
+        text-underline-offset: 0.25rem;
         line-height: 1rem;
         padding: 1rem;
         margin: 0 auto;
@@ -154,6 +158,7 @@ export default {
     :deep(.alert) {
         border-radius: $border-radius-lg;
         border: 1px solid $green;
+        margin-top: 0;
     }
     :deep(.alert-heading) {
         position: relative;
diff --git a/src/fmg-components/save-progress-popup-question/save-progress-popup-question.vue b/src/fmg-components/save-progress-popup-question/save-progress-popup-question.vue
index a26c1ca2c..5fbc95827 100644
--- a/src/fmg-components/save-progress-popup-question/save-progress-popup-question.vue
+++ b/src/fmg-components/save-progress-popup-question/save-progress-popup-question.vue
@@ -150,7 +150,7 @@ export default {
         width: auto;
         height: auto;
         text-decoration: underline;
-        text-underline-offset: 0.375rem;
+        text-underline-offset: 0.25rem;
         line-height: 1rem;
         padding: 0 0 4px 0;
         margin: 0 auto 1.5rem auto;