Merge pull request #708 from Safelite/feature/SSR-1257

SSR-1257 styling defects

src/digital-components/textbox-question/textbox-question.vue

@@ -275,6 +275,10 @@ input[type='date']::-webkit-calendar-picker-indicator {
     min-width: 48px;
 }
 
+input::-webkit-date-and-time-value {
+    text-align: left !important;
+}
+
 .textbox-question {
     label {
         color: $black;

src/iss-components/site-sub-header/site-sub-header.vue

@@ -1,7 +1,7 @@
 <template>
     <div>
         <div
-            class="subheader-primary d-flex align-items-center justify-content-center overflow-hidden mb-2">
+            class="subheader-primary d-flex align-items-center justify-content-center overflow-hidden">
             <h5
                 class="text-center fw-normal mb-0 subheader-primary"
                 :class="headerColor">
@@ -15,7 +15,8 @@
             </h5>
         </div>
         <div
-            class="subheader-secondary d-flex align-items-center overflow-hidden"
+            v-if="hasSubText"
+            class="subheader-secondary d-flex align-items-center overflow-hidden mt-2"
             :class="[justifySubheader, subHeaderClasses]">
             <p
                 class="dark-header"
@@ -86,6 +87,9 @@ export default {
 
             return subText ?? '';
         },
+        hasSubText() {
+            return this.subText.length > 0;
+        },
         backButtonAccessibleText() {
             return this.getCmsContent(
                 this.cmsWidgetName,