From 839a0c207deb6f650fcaf399dcb0c10bf6fc4b6a Mon Sep 17 00:00:00 2001
From: wess <me@wess.io>
Date: Thu, 8 Feb 2024 09:50:07 -0500
Subject: [PATCH 1/2] working on preview spacing

---
 .../console/project-[project]/messaging/smsPhone.svelte       | 2 +-
 .../project-[project]/messaging/wizard/smsFormList.svelte     | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/routes/console/project-[project]/messaging/smsPhone.svelte b/src/routes/console/project-[project]/messaging/smsPhone.svelte
index dfa2f82615..63d5a6cde2 100644
--- a/src/routes/console/project-[project]/messaging/smsPhone.svelte
+++ b/src/routes/console/project-[project]/messaging/smsPhone.svelte
@@ -53,7 +53,7 @@
     .phone {
         position: relative;
         width: 320px;
-        height: 539px;
+        height: 430px;
         background-image: url('./sms-preview-light.svg');
         background-repeat: no-repeat;
 
diff --git a/src/routes/console/project-[project]/messaging/wizard/smsFormList.svelte b/src/routes/console/project-[project]/messaging/wizard/smsFormList.svelte
index fdd60d4690..7fb465e3a1 100644
--- a/src/routes/console/project-[project]/messaging/wizard/smsFormList.svelte
+++ b/src/routes/console/project-[project]/messaging/wizard/smsFormList.svelte
@@ -126,6 +126,6 @@
     </FormList>
     <SMSPhone content={$messageParams[$providerType]['content']} classes="is-only-desktop" />
 </div>
-<div class="u-flex u-main-center u-margin-block-start-24">
-    <SMSPhone content={$messageParams[$providerType]['content']} classes="is-not-desktop" />
+<div class="u-flex u-main-center u-margin-block-start-24 is-not-desktop">
+    <SMSPhone content={$messageParams[$providerType]['content']} />
 </div>

From 04cff40b459fab0f7832416888ab0885a34c3f12 Mon Sep 17 00:00:00 2001
From: wess <me@wess.io>
Date: Thu, 8 Feb 2024 09:53:27 -0500
Subject: [PATCH 2/2] adjusted height of phone for preview

---
 .../console/project-[project]/messaging/smsPhone.svelte       | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/routes/console/project-[project]/messaging/smsPhone.svelte b/src/routes/console/project-[project]/messaging/smsPhone.svelte
index 63d5a6cde2..9b2ca0761a 100644
--- a/src/routes/console/project-[project]/messaging/smsPhone.svelte
+++ b/src/routes/console/project-[project]/messaging/smsPhone.svelte
@@ -38,7 +38,7 @@
     </div>
     <div class="project-name u-text-center u-x-small u-width-full-line">{$project.name}</div>
     <div class="chat u-text-center u-width-full-line">
-        <div class="time u-text-center u-x-small u-width-full-line u-line-height-0-7">
+        <div class="time u-text-center u-width-full-line u-line-height-0-7">
             Today {getTime()}
         </div>
         <div class="chat-bubble-container">
@@ -53,7 +53,7 @@
     .phone {
         position: relative;
         width: 320px;
-        height: 430px;
+        height: 410px;
         background-image: url('./sms-preview-light.svg');
         background-repeat: no-repeat;