From a84bcc3d309cc59b95f7ebd54e231e41e355d299 Mon Sep 17 00:00:00 2001
From: James Morris <moreofmorris@users.noreply.github.com>
Date: Fri, 5 Aug 2022 14:22:24 +0100
Subject: [PATCH] Removed the bottom margin from signed out boxes

- After some trying things out, just removed that now
- There should be no more bottom spacing apart from what's in the iFrame now

refs https://github.com/TryGhost/Team/issues/1747
---
 apps/comments-ui/src/components/NotPaidBox.js     | 2 +-
 apps/comments-ui/src/components/NotSignedInBox.js | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/comments-ui/src/components/NotPaidBox.js b/apps/comments-ui/src/components/NotPaidBox.js
index 0b429079c4..c748439610 100644
--- a/apps/comments-ui/src/components/NotPaidBox.js
+++ b/apps/comments-ui/src/components/NotPaidBox.js
@@ -15,7 +15,7 @@ const NotPaidBox = (props) => {
     };
 
     return (
-        <section className={`flex flex-col items-center mb-1 pt-12 pb-12 px-8 border-t-2 border-gray-100 dark:border-gray-100/10 ` + (props.isFirst && ` border-b-2`)}>
+        <section className={`flex flex-col items-center pt-12 pb-12 px-8 border-t-2 border-gray-100 dark:border-gray-100/10 ` + (props.isFirst && ` border-b-2`)}>
             <h1 className={`text-center text-black text-[22px] font-sans mb-4 tracking-tight dark:text-[rgba(255,255,255,0.85)]` + (props.isFirst ? `font-semibold` : `font-bold`)}>{titleText}</h1>
             <button onClick={handleSubscribeClick} className="text-white font-sans py-3 px-5 mb-4 rounded inline-block font-medium leading-none hover:opacity-90 transition-all" style={buttonStyle}>
                 Choose a plan
diff --git a/apps/comments-ui/src/components/NotSignedInBox.js b/apps/comments-ui/src/components/NotSignedInBox.js
index 5e3e8ec3a1..ea8ed386bd 100644
--- a/apps/comments-ui/src/components/NotSignedInBox.js
+++ b/apps/comments-ui/src/components/NotSignedInBox.js
@@ -23,7 +23,7 @@ const NotSignedInBox = (props) => {
     };
 
     return (
-        <section className={`flex flex-col items-center mb-1 pt-12 pb-12 px-8 border-t-2 border-gray-100 dark:border-gray-100/10 ` + (props.isFirst && ` border-b-2`)}>
+        <section className={`flex flex-col items-center pt-12 pb-12 px-8 border-t-2 border-gray-100 dark:border-gray-100/10 ` + (props.isFirst && ` border-b-2`)}>
             <h1 className={`text-center text-black text-[22px] font-sans mb-4 tracking-tight dark:text-[rgba(255,255,255,0.85)] ` + (props.isFirst ? `font-semibold` : `font-bold`)}>{titleText}</h1>
             <button onClick={handleSubscribeClick} className="text-white font-sans py-3 px-5 mb-4 rounded inline-block font-medium leading-none hover:opacity-90 transition-all" style={buttonStyle}>
                 Subscribe now