From d998b2d3c187e087cc6307d06b12abe1e9250b07 Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Wed, 8 May 2024 11:12:25 -0400
Subject: [PATCH] SSR-1201 update padding for all pages to be 24px. Remove
 unneeded code.

---
 src/iss-components/site-header/site-header.vue           | 3 +++
 src/layouts/access-denied/access-denied.vue              | 2 +-
 src/layouts/order-confirmation/order-confirmation.vue    | 4 ----
 src/layouts/policy-vehicles/policy-vehicles.vue          | 2 +-
 src/layouts/schedule-page/schedule-page.vue              | 4 ----
 src/layouts/tpa-submit/deductible-box/deductible-box.vue | 2 +-
 src/layouts/welcome-page/welcome-page.vue                | 2 +-
 src/styles/bailout-common.scss                           | 1 -
 src/styles/common-styles.scss                            | 1 +
 9 files changed, 8 insertions(+), 13 deletions(-)

diff --git a/src/iss-components/site-header/site-header.vue b/src/iss-components/site-header/site-header.vue
index ed5cf3cc..e9e32489 100644
--- a/src/iss-components/site-header/site-header.vue
+++ b/src/iss-components/site-header/site-header.vue
@@ -133,6 +133,9 @@ export default {
 .site-header {
     height: 56px;
     position: relative;
+    @include media-breakpoint-down(md) {
+        margin: 0 -.75rem;
+    }
 }
 #siteHeaderImage {
     width: 7.125rem;
diff --git a/src/layouts/access-denied/access-denied.vue b/src/layouts/access-denied/access-denied.vue
index d11870bb..f43d786f 100644
--- a/src/layouts/access-denied/access-denied.vue
+++ b/src/layouts/access-denied/access-denied.vue
@@ -1,7 +1,7 @@
 <template>
     <div class="page-container-grouped-styles access-denied">
         <div class="fade-on-route-transition position-relative">
-            <div class="container-fluid px-5">
+            <div class="container-fluid">
                 <div class="row mt-5">
                     <div class="col d-flex justify-content-center">
                         <span>Unauthorized Access</span>
diff --git a/src/layouts/order-confirmation/order-confirmation.vue b/src/layouts/order-confirmation/order-confirmation.vue
index bb47a089..9341c7d6 100644
--- a/src/layouts/order-confirmation/order-confirmation.vue
+++ b/src/layouts/order-confirmation/order-confirmation.vue
@@ -445,10 +445,6 @@ $page-side-padding: 1.5rem;
 
 .page-container-grouped-styles {
     overflow: auto;
-
-    .main-content-container {
-        padding: 0 1.5rem !important;
-    }
 }
 
 .text-color--black {
diff --git a/src/layouts/policy-vehicles/policy-vehicles.vue b/src/layouts/policy-vehicles/policy-vehicles.vue
index bb7c55b8..b12d2b5c 100644
--- a/src/layouts/policy-vehicles/policy-vehicles.vue
+++ b/src/layouts/policy-vehicles/policy-vehicles.vue
@@ -13,7 +13,7 @@
                 </div>
             </div>
             <div class="row justify-content-center">
-                <div class="col-md-6 col-xl-4 px-5">
+                <div class="col-md-6 col-xl-4">
                     <div class="select-car-form rounded text-center">
                         <vehicleBanner
                             cmsWidgetName="VehicleBannerWidget"
diff --git a/src/layouts/schedule-page/schedule-page.vue b/src/layouts/schedule-page/schedule-page.vue
index ee25c354..7b4ae4c2 100644
--- a/src/layouts/schedule-page/schedule-page.vue
+++ b/src/layouts/schedule-page/schedule-page.vue
@@ -493,10 +493,6 @@ $page-side-padding: 1.5rem;
 
 .page-container-grouped-styles {
     overflow: auto;
-
-    .main-content-container {
-        padding: 0 1.5rem !important;
-    }
 }
 
 :deep(.text-link-small) {
diff --git a/src/layouts/tpa-submit/deductible-box/deductible-box.vue b/src/layouts/tpa-submit/deductible-box/deductible-box.vue
index ed88a870..756f7da0 100644
--- a/src/layouts/tpa-submit/deductible-box/deductible-box.vue
+++ b/src/layouts/tpa-submit/deductible-box/deductible-box.vue
@@ -1,7 +1,7 @@
 <template>
     <div
         id="deductibleBox"
-        class="deductible-box d-flex justify-content-between align-items-center py-2 px-5">
+        class="deductible-box d-flex justify-content-between align-items-center py-2">
         <p
             id="deductibleLabel"
             class="deductible-box__text">
diff --git a/src/layouts/welcome-page/welcome-page.vue b/src/layouts/welcome-page/welcome-page.vue
index 5ef4090d..153c7a09 100644
--- a/src/layouts/welcome-page/welcome-page.vue
+++ b/src/layouts/welcome-page/welcome-page.vue
@@ -11,7 +11,7 @@
                 </div>
             </div>
             <div class="row justify-content-center">
-                <div class="col-md-6 col-xl-4 px-5">
+                <div class="col-md-6 col-xl-4">
                     <siteSubHeader
                         cmsWidgetName="SiteSubHeaderWidget"
                         class="mt-4" />
diff --git a/src/styles/bailout-common.scss b/src/styles/bailout-common.scss
index 27f6bc39..7b5a3cda 100644
--- a/src/styles/bailout-common.scss
+++ b/src/styles/bailout-common.scss
@@ -4,7 +4,6 @@ $font-size: 0.875rem;
 .fade-on-route-transition {
   > div.main-content-container {
     overflow: auto;
-    padding: 0 $page-side-padding !important;
     
     > div.sub-header-content {
       margin-top: 1rem;
diff --git a/src/styles/common-styles.scss b/src/styles/common-styles.scss
index ebd33bd4..d5475dd1 100644
--- a/src/styles/common-styles.scss
+++ b/src/styles/common-styles.scss
@@ -18,6 +18,7 @@ body {
             height: 100vh;
             display: flex;
             flex-direction: column;
+            padding: 0 1.5rem;
         }
 
         // Set max-width on columns to prevent overly-wide