From 5aeaeda00c97cdf0aec48752d3d1b451bd5f6a34 Mon Sep 17 00:00:00 2001
From: Adam Caouette <adam.caouette@safelite.com>
Date: Mon, 18 Nov 2024 10:32:19 -0500
Subject: [PATCH] CSR-2394: fix css

---
 .../add-to-calendar/add-to-calendar.vue       |  7 +--
 src/layouts/confirmation/confirmation.vue     | 45 ++++---------------
 2 files changed, 12 insertions(+), 40 deletions(-)

diff --git a/src/layouts/confirmation/add-to-calendar/add-to-calendar.vue b/src/layouts/confirmation/add-to-calendar/add-to-calendar.vue
index a4cdcbb6f..c2cb5ea00 100644
--- a/src/layouts/confirmation/add-to-calendar/add-to-calendar.vue
+++ b/src/layouts/confirmation/add-to-calendar/add-to-calendar.vue
@@ -294,8 +294,8 @@ export default {
     margin: 0 0 0 7px;
     color: #1574a1;
     vertical-align: middle;
-    font-weight: 500;
-    font-family: "Roboto";
+    font-weight: 600;
+    text-decoration: underline;
 }
 .add-to-calendar button {
     border: 0;
@@ -307,7 +307,8 @@ export default {
     margin: 0 auto;
 }
 .calendar-section .add-to-calendar {
-    padding-top: 15px;
+    padding: 1rem 0;
+    text-align: center;
 }
 .calendar-section .add-to-calendar .add-to-calendar-span {
     cursor: pointer;
diff --git a/src/layouts/confirmation/confirmation.vue b/src/layouts/confirmation/confirmation.vue
index a42e724f0..c15eb2995 100644
--- a/src/layouts/confirmation/confirmation.vue
+++ b/src/layouts/confirmation/confirmation.vue
@@ -36,7 +36,7 @@
                                     :scheduleStartTime="ScheduleStartTime"
                                     :scheduleEndTime="ScheduleEndTime" />
 
-                                <div class="appoinmenttext" v-html="AppointmentWordingText"></div>
+                                <div class="appointment-text" v-html="AppointmentWordingText"></div>
 
                                 <textBlock
                                     :customText="AppointmentDuration"
@@ -486,41 +486,7 @@ export default {
         font-weight: 500;
     }
 }
-.calendar-section[data-v-8004c52c] {
-    display: table;
-    position: relative;
-    margin: 0 auto;
-}
 
-.calendar-section .add-to-calendar {
-    padding: 1rem 0;
-    text-align: center;
-}
-
-.add-to-calendar button {
-    border: 0;
-    background-color: #fff;
-}
-
-.appoinmenttext p {
-    margin: 0;
-}
-
-.calendar-section .add-to-calendar .add-to-calendar-span {
-    cursor: pointer;
-}
-.calendar-section .add-to-calendar .add-to-calendar-img {
-    display: inline;
-    width: 20px;
-}
-.add-to-calendar-text {
-    margin: 0 0 0 7px;
-    color: #0070d1;
-    vertical-align: middle;
-    font-weight: 500;
-    font-family: "Roboto";
-    text-decoration: underline;
-}
 .header-container {
     display: flex;
     align-items: center;
@@ -540,8 +506,13 @@ export default {
     }
 }
 
-.appoinmenttext strong {
-    color: $black;
+.appointment-text {
+    p {
+        margin: 0;
+    }
+    strong {
+        color: $black;
+    }
 }
 
 .emailtext {