CSR-2394: fix css

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;

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 {