From fc4d5e6cd24036cd2f935c73d0a7214a77f7ac98 Mon Sep 17 00:00:00 2001
From: sheena <sheena.sukumaran@safelite.com>
Date: Wed, 4 Oct 2023 16:14:44 +0530
Subject: [PATCH] Update confirmation.vue

ADDED Padding font-size and color
---
 src/layouts/confirmation/confirmation.vue | 41 ++++++++++++-----------
 1 file changed, 22 insertions(+), 19 deletions(-)

diff --git a/src/layouts/confirmation/confirmation.vue b/src/layouts/confirmation/confirmation.vue
index bdb40dd30..e9af16564 100644
--- a/src/layouts/confirmation/confirmation.vue
+++ b/src/layouts/confirmation/confirmation.vue
@@ -34,9 +34,9 @@
                                     </button>
                                 </div>
                             </div>
-                            <div v-html="this.getAppointmentWordingText()"></div>
+                            <div class="appoinmenttext" v-html="this.getAppointmentWordingText()"></div>
                         </div>
-                        <div v-html="this.getConfirmationEmailText()"></div>
+                        <div class="emailtext" v-html="this.getConfirmationEmailText()"></div>
                         <navbar
                             cmsWidgetName="FunnelFooterWidget"
                             ref="navbar"
@@ -255,27 +255,14 @@ export default {
 .scheduleText P {
     margin: 0;
     font-weight: 400;
-    font-size: 20px;
+    font-size: 1.25rem;
     color: $black;
 
     + p {
-        font-size: 16px;
+        font-size: 1rem;
         font-weight: 500;
     }
 }
-
-.confirmationEmailText P {
-    margin: 0;
-    font-weight: 500;
-    font-size: 14px;
-    color: $black;
-
-    + p {
-        font-size: 14px;
-        font-weight: 500;
-    }
-}
-
 .calendar-section[data-v-8004c52c] {
     display: table;
     position: relative;
@@ -313,9 +300,25 @@ export default {
     p {
         display: inline-block;
         font-weight: 400;
-        font-size: 20px;
-        padding: 5px;
+        font-size: 1.25rem;
+        padding: 0.3rem;
         color: $black;
     }
 }
+
+.appoinmenttext strong{color:$black;}
+
+.emailtext{
+    padding:1.5rem 0 0;
+
+    p{
+        font-size:0.875rem;
+        margin:0;
+
+     strong{
+        color:$black;
+     }
+   
+    }
+}
 </style>