Merge pull request #1010 from Safelite/feature/INSR-8081

INSR-8081: Duplicate Check UI fixes

src/layouts/duplicate-check/duplicate-check.vue

@@ -31,7 +31,7 @@
                     <buttonMain
                         :variant="buttonVariants.primary"
                         buttonText="Start a new claim"
-                        class="w-100"
+                        class="mt-5 w-100"
                         @clickEvent="startNewClaim" />
                     <siteFooter
                         ref="siteFooter"
@@ -221,17 +221,23 @@ export default {
 }
 
 .duplicate-check-question {
-    span {
-        font-weight:600;
-    }
     .question-text {
         justify-content: left;
         display: inline-flex !important;
         margin-top: map-get($spacers, 4);
         margin-bottom: 0.625rem !important;
+        span {
+            font-weight: 600;
+        }
     }
     .form-test-error {
         margin-top: 0 !important;
+        span {
+            font-weight: 500;
+        }
+    }
+    .question-text.d-flex {
+        margin-top: 0;
     }
 }
 
@@ -241,12 +247,6 @@ export default {
     }
 }
 
-.subheader-secondary {
-    p {
-        margin-bottom: 0.25rem !important;
-    }
-}
-
 .form-group {
     margin-bottom: 1.25rem !important;
 }

src/styles/ux-variables.scss

@@ -20,7 +20,7 @@ $red-100: #ffe6e4;
 $red-200: #fcbfbb;
 $red-300: #f89892;
 $red-400: #e65c53;
-$red: #d4281c; // Default Red
+$red: #db0020; // Default Red
 $red-600: #ac160b;
 $red-700: #840900;
 $red-800: #5b0600;