SSR-472,471

Fixed the spacings issue

src/layouts/payment-page/payment-page.vue

@@ -3,7 +3,7 @@
         <div class="page-container-grouped-styles">
             <div class="fade-on-route-transition position-relative">
                 <siteHeader cmsWidgetName="SiteHeaderWidget"/>
-                <div class="container-fluid pb-2">
+                <div class="container-fluid pb-2 payment">
                     <p>Placeholder for payment page</p>
                     <siteFooter
                     cmsWidgetName="SiteFooterWidget"
@@ -79,4 +79,8 @@ export default {
     }
 </script>
 <style lang="scss">
+.payment p{
+    margin-bottom:0.75rem;
+
+}
 </style>

src/layouts/review-page/review-page.vue

@@ -3,7 +3,7 @@
         <div class="page-container-grouped-styles">
             <div class="fade-on-route-transition position-relative">
                 <siteHeader cmsWidgetName="SiteHeaderWidget"/>
-                <div class="container-fluid pb-2">
+                <div class="container-fluid pb-2 review">
                     <p>Placeholder for review page</p>
                     <siteFooter
                     cmsWidgetName="SiteFooterWidget"
@@ -74,4 +74,7 @@ export default {
     }
 </script>
 <style lang="scss">
+.review p{
+    margin-bottom:0.75rem;
+}
 </style>

src/layouts/tpa-confirmation/tpa-confirmation.vue

@@ -1,9 +1,9 @@
 <template>
     <Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm"  v-slot="{ meta }" >
-        <div class="page-container-grouped-styles">
+        <div class="page-container-grouped-stylesv">
             <div class="fade-on-route-transition position-relative">
                 <siteHeader cmsWidgetName="SiteHeaderWidget"/>
-                <div class="container-fluid pb-2">
+                <div class="container-fluid pb-2 confrimation">
                     <p>Placeholder for tpa-confrimation page</p>
                     <siteFooter
                     cmsWidgetName="SiteFooterWidget"
@@ -77,4 +77,8 @@ export default {
     }
 </script>
 <style lang="scss">
+.confrimation p{
+    margin-bottom:0.75rem;
+
+}
 </style>

src/layouts/tpa-search/tpa-search.vue

@@ -3,7 +3,7 @@
         <div class="page-container-grouped-styles">
             <div class="fade-on-route-transition position-relative">
                 <siteHeader cmsWidgetName="SiteHeaderWidget"/>
-                <div class="container-fluid pb-2">
+                <div class="container-fluid pb-2 search">
                     <p>Placeholder for TPA-Search</p>
                     <siteFooter
                     cmsWidgetName="SiteFooterWidget"
@@ -68,4 +68,8 @@ export default {
             Form,
         },
     }
-</script>
+</script><style lang="scss">
+.search p{
+    margin-bottom:0.75rem;
+}
+</style>

src/layouts/tpa-submit/tpa-submit.vue

@@ -3,7 +3,7 @@
         <div class="page-container-grouped-styles">
             <div class="fade-on-route-transition position-relative">
                 <siteHeader cmsWidgetName="SiteHeaderWidget"/>
-                <div class="container-fluid pb-2">
+                <div class="container-fluid pb-2 submit">
                     <p>Placeholder for TPA-Submit</p>
                     <siteFooter
                     cmsWidgetName="SiteFooterWidget"
@@ -83,4 +83,9 @@ export default {
     }
 </script>
 <style lang="scss">
+.submit {
+
+  margin-bottom:0.75rem;  
+}
+
 </style>