From 5d8d74a56e1b68e62be6e7aa1195bed125464a22 Mon Sep 17 00:00:00 2001
From: Johnny shultz <John.Shultz@safelite.com>
Date: Thu, 28 Aug 2025 16:06:43 -0400
Subject: [PATCH] CASH-1184

fixed unit tests and changed px to rem
---
 src/layouts/mobile-details/mobile-details.spec.js |  6 +++---
 src/layouts/mobile-details/mobile-details.vue     | 12 ++++++------
 2 files changed, 9 insertions(+), 9 deletions(-)

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;
 }