diff --git a/src/layouts/mobile-details/mobile-details.spec.js b/src/layouts/mobile-details/mobile-details.spec.js index 8ed9e27b7..a88dcab3d 100644 --- a/src/layouts/mobile-details/mobile-details.spec.js +++ b/src/layouts/mobile-details/mobile-details.spec.js @@ -67,7 +67,7 @@ beforeEach(() => { describe("mobile-details.vue", () => { test("if the continue button is clicked, navigate forward", async () => { // Arrange - const { wrapper } = setupMocks(mobileDetails, { + const { wrapper } = setupMocks({ mixins: [mockMixin], attachTo: document.body, }); @@ -91,7 +91,7 @@ describe("mobile-details.vue", () => { }); test("arePagePrerequisitesValid should be true ", async () => { //Arrange - const { wrapper } = setupMocks(mobileDetails, { + const { wrapper } = setupMocks({ mixins: [mockMixin], attachTo: document.body, }); @@ -105,7 +105,7 @@ describe("mobile-details.vue", () => { test("if the back button is clicked, navigate back", async () => { // Arrange - const { wrapper } = setupMocks(mobileDetails, { + const { wrapper } = setupMocks({ mixins: [mockMixin], attachTo: document.body, }); diff --git a/src/layouts/mobile-details/mobile-details.vue b/src/layouts/mobile-details/mobile-details.vue index dd2ddf9a5..c4b241c39 100644 --- a/src/layouts/mobile-details/mobile-details.vue +++ b/src/layouts/mobile-details/mobile-details.vue @@ -7,11 +7,26 @@

- +
+ + +

+ + @@ -175,5 +207,32 @@ export default { font-family: UrbanistSemibold, Arial, Helvetica, sans-serif; font-weight: 600; color: $black; + margin-top: 0; +} +.provide-address-header { + font-family: UrbanistSemibold, Arial, Helvetica, sans-serif; + font-weight: 600; + color: $black; + line-height: 1.625rem; + letter-spacing: 0.03rem; +} +.keys-message { + background-color: #fff5eb; + color: #4d5151; + display: flex; + justify-content: center; + align-items: center; + text-align: center; + padding: 0.5rem 1rem 0.5rem 1rem; + min-height: 3.656rem; + line-height: 1.625rem; + margin-top: 1.25rem; + margin-bottom: 1.25rem; + border-radius: 5px; + letter-spacing: 0; +} +.date-time-edit { + display: flex; + justify-content: space-between; }