From 1f381efab04c304f5bc20844c4ae34f8446428d1 Mon Sep 17 00:00:00 2001
From: Tanner Collin <git@tannercollin.com>
Date: Mon, 31 Jul 2023 22:05:57 +0000
Subject: [PATCH] Fix spacing

---
 webclient/src/AdminMembers.js | 14 ++++++++------
 webclient/src/Paymaster.js    |  8 +++-----
 webclient/src/light.css       |  4 ++++
 3 files changed, 15 insertions(+), 11 deletions(-)

diff --git a/webclient/src/AdminMembers.js b/webclient/src/AdminMembers.js
index 4b6d85d..deeded8 100644
--- a/webclient/src/AdminMembers.js
+++ b/webclient/src/AdminMembers.js
@@ -324,6 +324,8 @@ export function AdminMemberPause(props) {
 			console.log(err);
 			setError(true);
 		});
+		setTold1(false);
+		setTold2(false);
 	};
 
 	return (
@@ -338,7 +340,7 @@ export function AdminMemberPause(props) {
 								{result.member.preferred_name} has been away for more than a year and will need to be re-vetted according to our
 								<a href='https://wiki.protospace.ca/Approved_policies/Membership' target='_blank' rel='noopener noreferrer'> policy</a>.
 							</p>
-							<div>
+							<div className='bottomMargin'>
 								<Form.Checkbox
 									name='told1'
 									checked={told1}
@@ -347,7 +349,7 @@ export function AdminMemberPause(props) {
 									onChange={(e, v) => setTold1(v.checked)}
 								/>
 							</div>
-							<div>
+							<div className='bottomMargin'>
 								<Form.Checkbox
 									name='told2'
 									value={told2}
@@ -367,7 +369,7 @@ export function AdminMemberPause(props) {
 								<p>
 									{result.member.preferred_name} has expired due to lapse of payment.
 								</p>
-								<div>
+								<div className='bottomMargin'>
 									<Form.Checkbox
 										name='told1'
 										checked={told1}
@@ -376,7 +378,7 @@ export function AdminMemberPause(props) {
 										onChange={(e, v) => setTold1(v.checked)}
 									/>
 								</div>
-								<div>
+								<div className='bottomMargin'>
 									<Form.Checkbox
 										name='told2'
 										checked={told2}
@@ -398,7 +400,7 @@ export function AdminMemberPause(props) {
 					<>
 						<p>Pause members who are inactive, former, or on vacation.</p>
 
-						<div>
+						<div className='bottomMargin'>
 							<Form.Checkbox
 								name='told1'
 								checked={told1}
@@ -407,7 +409,7 @@ export function AdminMemberPause(props) {
 								onChange={(e, v) => setTold1(v.checked)}
 							/>
 						</div>
-						<div>
+						<div className='bottomMargin'>
 							<Form.Checkbox
 								name='told2'
 								checked={told2}
diff --git a/webclient/src/Paymaster.js b/webclient/src/Paymaster.js
index 0fee09b..d084e70 100644
--- a/webclient/src/Paymaster.js
+++ b/webclient/src/Paymaster.js
@@ -213,7 +213,7 @@ export function Paymaster(props) {
 						/>
 					</div>
 
-					<div>
+					<div className='bottomMargin'>
 						Please explain what you bought:<br/>
 						<Input
 							value={consumablesMemo}
@@ -252,7 +252,7 @@ export function Paymaster(props) {
 						/>
 					</div>
 
-					<div>
+					<div className='bottomMargin'>
 						Optional memo:<br/>
 						<Input
 							value={memo}
@@ -267,8 +267,6 @@ export function Paymaster(props) {
 						custom={JSON.stringify({ category: 'Donation', member: user.member.id, memo: memo })}
 					/>
 
-					<p/>
-
 					<PayWithProtocoin
 						token={token} user={user} refreshUser={refreshUser}
 						amount={donate}
@@ -305,4 +303,4 @@ export function Paymaster(props) {
 			</Grid>
 		</Container>
 	);
-};
\ No newline at end of file
+};
diff --git a/webclient/src/light.css b/webclient/src/light.css
index 94ca817..42d79cf 100644
--- a/webclient/src/light.css
+++ b/webclient/src/light.css
@@ -53,6 +53,10 @@ a {
 	min-height: 45rem;
 }
 
+.bottomMargin {
+	margin-bottom: 1rem;
+}
+
 .bean,
 .photo-404 {
 	max-width: 100%;