CASH-1042 style updates for parity.

src/layouts/quote/quote.vue

@@ -2,7 +2,7 @@
     <Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm" v-slot="{ meta }">
         <loadingModal ref="loadingModal" />
         <funnelHeader cmsWidgetName="FunnelHeaderWidget" ref="funnelHeader" />
-        <div class="container">
+        <div class="container quote">
             <div class="row justify-content-center">
                 <div class="col-md-6">
                     <funnelSubHeader class="mb-5" cmsWidgetName="FunnelSubHeaderWidget" />
@@ -63,7 +63,7 @@
                 </div>
             </div>
             <div class="row justify-content-center">
-                <div class="col-md-6 col-xl-4">
+                <div class="col-md-12 col-xl-10">
                     <contentGroupModal ref="RainDefenseModal" cmsWidgetName="RainDefenseModal" />
                     <contentGroupModal ref="FrontWiperModal" cmsWidgetName="FrontWiperModal" />
                     <contentGroupModal ref="RearWiperModal" cmsWidgetName="RearWiperModal" />
@@ -896,6 +896,13 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.quote {
+    .nav-bar {
+        button {
+            width: 100%;
+        }
+    }
+}
 .quote-page.show-save-progress-popup .row.justify-content-center {
     display: none;
 

src/styles/shared-input-button-styles.scss

@@ -1,4 +1,3 @@
-
 .base-input-button {
     &.rounded-pill {
         &:not(.has-error):hover {
@@ -29,7 +28,7 @@
                 position: relative;
                 z-index: 5;
                 @include box-shadow-hover($blue-300);
-                border-radius: .5rem;
+                border-radius: 0.5rem;
             }
         }
     }

src/ux-components/text-link/text-link.vue

@@ -64,10 +64,9 @@ export default {
 <style lang="scss">
 a {
     color: $blue;
-    text-underline-offset: 4px; //Per Devyn. This can't be documented in Figma so there is a comment with the Prototype mocks on the Quote page in Figma
+    text-decoration: none;
     line-height: 2;
     padding: 0 0 4px 0;
-    font-weight: 500;
     max-width: fit-content;
     &:hover {
         color: $blue-700;
@@ -81,10 +80,13 @@ a {
     &.navigation-link,
     &.new-window-link {
         font-size: 0.875rem;
-        color: $black;
+        color: $blue;
         line-height: 26px;
         white-space: nowrap;
         align-items: center;
+        font-family: UrbanistSemibold;
+        font-weight: 600;
+        text-decoration: none;
         @include media-breakpoint-up(md) {
             font-size: 1rem;
         }