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 f8f23b3a3..c4b241c39 100644 --- a/src/layouts/mobile-details/mobile-details.vue +++ b/src/layouts/mobile-details/mobile-details.vue @@ -213,7 +213,7 @@ export default { font-family: UrbanistSemibold, Arial, Helvetica, sans-serif; font-weight: 600; color: $black; - line-height: 26px; + line-height: 1.625rem; letter-spacing: 0.03rem; } .keys-message { @@ -223,11 +223,11 @@ export default { justify-content: center; align-items: center; text-align: center; - padding: 8px 16px 8px 16px; - min-height: 58.5px; - line-height: 26px; - margin-top: 20px; - margin-bottom: 20px; + 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; }