Merge pull request #153 from Safelite/feature/Digital/SSR-232

Feature/digital/ssr 232

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

@@ -69,7 +69,6 @@
         </div>
         <div class="row form-test-error mt-1">
             <error-message
-                class="small"
                 :name="formatString(groupName)"
                 v-if="!suppressError"></error-message>
         </div>

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

@@ -20,7 +20,7 @@
                 {{ value }}
             </option>
         </select>
-        <div v-show="errorMessage" class="row mt-2 form-test-error">
+        <div v-show="errorMessage" class="row mt-1 form-test-error">
             <span role="alert">{{ errorMessage }}</span>
         </div>
     </div>

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

@@ -45,7 +45,7 @@
                 :data-bs-target="'#' + this.cmsWidgetName" aria-label="Select button" />
         </div>
         <div v-show="errorMessage" class="row my-1 form-test-error">
-            <span class="d-inline-flex small mt-0" role="alert">{{ errorMessage }}</span>
+            <span class="d-inline-flex mt-0" role="alert">{{ errorMessage }}</span>
         </div>
     </div>
 </template>

src/iss-components/site-footer/site-footer.vue

@@ -151,6 +151,7 @@ export default {
             justify-content: flex-start;
         }
     }
+
     & > .container-fluid {
         overflow-x: visible; // needed to fix hidden footer on some iphones
     }
@@ -160,8 +161,15 @@ export default {
     text-align: center;
     position: sticky;
     bottom: 72px;
-    
 }
+
+@media only screen and (max-width: 340px) {
+    .footerImage
+    {
+        bottom: 85px;
+    }
+}
+
 #siteFooterImage
 {
     width: 100%;