slight style adjustments

This commit is contained in:
Jason Wheeler 2023-02-24 12:10:54 -05:00
parent 93b56dc451
commit 97aa0ec11a
3 changed files with 14 additions and 14 deletions

View file

@ -160,13 +160,13 @@ export default {
{ {
text-align: center; text-align: center;
position: sticky; position: sticky;
bottom: 72px; bottom: 65px;
} }
@media only screen and (max-width: 340px) { @media only screen and (max-width: 340px) {
.footerImage .footerImage
{ {
bottom: 85px; bottom: 78px;
} }
} }

View file

@ -1,12 +1,12 @@
import siteHeader from "@/iss-components/site-header/site-header"; import siteHeader from "@/iss-components/site-header/site-header";
import { shallowMount } from "@vue/test-utils"; import { shallowMount } from "@vue/test-utils";
import { getMountOptions } from "@/helpers/unit-test-helper.js"; import { getMountOptions } from "@/helpers/unit-test-helper.js";
import { useMainStore } from "@/store/";
describe("site-header", () => { describe("site-header", () => {
test("renders the logo image", () => { test("renders the logo image", () => {
const wrapper = setupMocks({mountOptionsMockData: {}}); const wrapper = setupMocks({mountOptionsMockData: {}});
expect(wrapper.find("img")).toBeTruthy(); expect(wrapper.find("img")).toBeTruthy();
wrapper.unmount(); wrapper.unmount();

View file

@ -1,12 +1,12 @@
<template> <template>
<Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm" v-slot="{ meta }" > <Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm" v-slot="{ meta }" >
<div class="page-container-grouped-styles overflow-auto welcome"> <div class="page-container-grouped-styles welcome">
<siteHeader cmsWidgetName="SiteHeaderWidget"/> <siteHeader cmsWidgetName="SiteHeaderWidget"/>
<div class="fade-on-route-transition h-100 px-5"> <div class="fade-on-route-transition h-100 overflow-auto ">
<siteSubHeader cmsWidgetName="SiteSubHeaderWidget"/> <siteSubHeader cmsWidgetName="SiteSubHeaderWidget"/>
<div class="row mt-4"> <div class="row mt-4 px-5">
<div class="col"> <div class="col">
<textboxQuestion <textboxQuestion
inputId="policyNumberField" inputId="policyNumberField"
@ -18,7 +18,7 @@
validationRules="policy-number-required" /> validationRules="policy-number-required" />
</div> </div>
</div> </div>
<div class="row mt-4"> <div class="row mt-4 px-5">
<div class="col"> <div class="col">
<textboxQuestion <textboxQuestion
type="date" type="date"
@ -34,12 +34,12 @@
/> />
</div> </div>
</div> </div>
<div class="row"> <div class="row px-5">
<div class="col"> <div class="col">
<textBlock cmsWidgetName="DamageDateEstimateWidget" typeStyle="caption" class="mt-2" /> <textBlock cmsWidgetName="DamageDateEstimateWidget" typeStyle="caption" class="mt-2" />
</div> </div>
</div> </div>
<div class="row mt-4"> <div class="row mt-4 px-5">
<div class="col"> <div class="col">
<dropdownQuestion <dropdownQuestion
cmsWidgetName="DamageCauseQuestion" cmsWidgetName="DamageCauseQuestion"
@ -53,7 +53,7 @@
/> />
</div> </div>
</div> </div>
<div class="row mt-4"> <div class="row mt-4 px-5">
<div class="col"> <div class="col">
<textboxQuestion <textboxQuestion
inputId="damageCityField" inputId="damageCityField"
@ -65,7 +65,7 @@
validationRules="loss-city-required" /> validationRules="loss-city-required" />
</div> </div>
</div> </div>
<div class="row mt-4"> <div class="row mt-4 px-5">
<div class="col"> <div class="col">
<dropdownQuestion <dropdownQuestion
cmsWidgetName="DamageStateQuestion" cmsWidgetName="DamageStateQuestion"
@ -93,7 +93,7 @@
ref="glassOnlyDamage" ref="glassOnlyDamage"
disableAutoFill/> disableAutoFill/>
</div> </div>
<div class="row mt-4"> <div class="row mt-4 px-5">
<div class="col"> <div class="col">
<textboxQuestion <textboxQuestion
inputId="phoneNumberField" inputId="phoneNumberField"
@ -106,7 +106,7 @@
disableAutoFill /> disableAutoFill />
</div> </div>
</div> </div>
<div class="row mt-4"> <div class="row mt-4 px-5">
<div class="col"> <div class="col">
<textboxQuestion <textboxQuestion
inputId="emailField" inputId="emailField"