Augmente the padding and margin to 40px.

dreammall-earth · Mar 13, 2024 · adbe69a · adbe69a
1 parent fe35466
commit adbe69a
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/presenter/src/pages/optin/+Page.vue b/presenter/src/pages/optin/+Page.vue
@@ -2,9 +2,9 @@
   <DefaultLayout>
     <div class="h-screen optin-page py-12">
       <div v-if="isError">
-        <p class="px-3">{{ $t('optin.error.text') }}</p>
+        <p class="px-10">{{ $t('optin.error.text') }}</p>
         <MainButton
-          class="mt-8 ml-3"
+          class="mt-8 ml-10"
           :label="$t('optin.error.link')"
           size="auto"
           variant="primary"
@@ -13,7 +13,7 @@
         >
       </div>
       <div v-else>
-        <p class="px-3">{{ $t('optin.success.text') }}</p>
+        <p class="px-10">{{ $t('optin.success.text') }}</p>
       </div>
     </div>
   </DefaultLayout>

diff --git a/presenter/src/pages/optin/__snapshots__/Page.test.ts.snap b/presenter/src/pages/optin/__snapshots__/Page.test.ts.snap
@@ -502,13 +502,13 @@ exports[`OptinPage > API call with error > renders error message 1`] = `
                 data-v-6e13aff2=""
               >
                 <p
-                  class="px-3"
+                  class="px-10"
                   data-v-6e13aff2=""
                 >
                   $t('optin.error.text')
                 </p>
                 <button
-                  class="v-btn v-btn--elevated v-theme--light v-btn--density-default v-btn--variant-elevated main-button main-button--primary main-button-auto mt-8 ml-3"
+                  class="v-btn v-btn--elevated v-theme--light v-btn--density-default v-btn--variant-elevated main-button main-button--primary main-button-auto mt-8 ml-10"
                   data-v-2b63c1fe=""
                   data-v-6e13aff2=""
                   style="background-color: #f09630; color: #000; caret-color: #000; height: auto; width: auto;"
@@ -2001,13 +2001,13 @@ exports[`OptinPage > API call with failure > renders error message 1`] = `
                 data-v-6e13aff2=""
               >
                 <p
-                  class="px-3"
+                  class="px-10"
                   data-v-6e13aff2=""
                 >
                   $t('optin.error.text')
                 </p>
                 <button
-                  class="v-btn v-btn--elevated v-theme--light v-btn--density-default v-btn--variant-elevated main-button main-button--primary main-button-auto mt-8 ml-3"
+                  class="v-btn v-btn--elevated v-theme--light v-btn--density-default v-btn--variant-elevated main-button main-button--primary main-button-auto mt-8 ml-10"
                   data-v-2b63c1fe=""
                   data-v-6e13aff2=""
                   style="background-color: #f09630; color: #000; caret-color: #000; height: auto; width: auto;"
@@ -3500,7 +3500,7 @@ exports[`OptinPage > API call with success > renders success 1`] = `
                 data-v-6e13aff2=""
               >
                 <p
-                  class="px-3"
+                  class="px-10"
                   data-v-6e13aff2=""
                 >
                   $t('optin.success.text')