From 717a218f1c9e0412a10022eaef0b51e8e74cb0ba Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jo=C3=A3o=20Victor=20Alvarenga?= <victor.alvar@tutanota.com>
Date: Wed, 24 Jul 2024 19:51:24 -0300
Subject: [PATCH] fix: thanks-for-subscribing title top margin and grid width.

---
 src/app/(pages)/thanks-for-subscribing/client_page.tsx |  4 ++--
 src/css/app.scss                                       | 10 +++++++++-
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/app/(pages)/thanks-for-subscribing/client_page.tsx b/src/app/(pages)/thanks-for-subscribing/client_page.tsx
index c749bce94..294079fe3 100644
--- a/src/app/(pages)/thanks-for-subscribing/client_page.tsx
+++ b/src/app/(pages)/thanks-for-subscribing/client_page.tsx
@@ -7,8 +7,8 @@ import { LargeBody } from '@components/LargeBody'
 export const ThanksForSubscribingPage = () => {
   return (
     <Gutter>
-      <div className={['grid'].filter(Boolean).join(' ')}>
-        <div className={['cols-12'].filter(Boolean).join(' ')}>
+      <div className={['grid top-margin'].filter(Boolean).join(' ')}>
+        <div className={['cols-8'].filter(Boolean).join(' ')}>
           <h1>Subscribed</h1>
           <LargeBody>
             Thank you for subscribing. You will now receive regular Payload updates to your email.
diff --git a/src/css/app.scss b/src/css/app.scss
index 8226b6158..55016a26f 100644
--- a/src/css/app.scss
+++ b/src/css/app.scss
@@ -304,4 +304,12 @@ dialog {
 
 .visually-hidden {
   @include visually-hidden;
-}
\ No newline at end of file
+}
+
+.top-margin {
+  margin-top: 5rem;
+  
+  @include small-break {
+    margin-top: 3rem;
+  }
+}