Fix spacing

This commit is contained in:
Tanner Collin 2023-07-31 22:05:57 +00:00
parent 306860bf51
commit 1f381efab0
3 changed files with 15 additions and 11 deletions

View File

@ -324,6 +324,8 @@ export function AdminMemberPause(props) {
console.log(err); console.log(err);
setError(true); setError(true);
}); });
setTold1(false);
setTold2(false);
}; };
return ( 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 {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>. <a href='https://wiki.protospace.ca/Approved_policies/Membership' target='_blank' rel='noopener noreferrer'> policy</a>.
</p> </p>
<div> <div className='bottomMargin'>
<Form.Checkbox <Form.Checkbox
name='told1' name='told1'
checked={told1} checked={told1}
@ -347,7 +349,7 @@ export function AdminMemberPause(props) {
onChange={(e, v) => setTold1(v.checked)} onChange={(e, v) => setTold1(v.checked)}
/> />
</div> </div>
<div> <div className='bottomMargin'>
<Form.Checkbox <Form.Checkbox
name='told2' name='told2'
value={told2} value={told2}
@ -367,7 +369,7 @@ export function AdminMemberPause(props) {
<p> <p>
{result.member.preferred_name} has expired due to lapse of payment. {result.member.preferred_name} has expired due to lapse of payment.
</p> </p>
<div> <div className='bottomMargin'>
<Form.Checkbox <Form.Checkbox
name='told1' name='told1'
checked={told1} checked={told1}
@ -376,7 +378,7 @@ export function AdminMemberPause(props) {
onChange={(e, v) => setTold1(v.checked)} onChange={(e, v) => setTold1(v.checked)}
/> />
</div> </div>
<div> <div className='bottomMargin'>
<Form.Checkbox <Form.Checkbox
name='told2' name='told2'
checked={told2} checked={told2}
@ -398,7 +400,7 @@ export function AdminMemberPause(props) {
<> <>
<p>Pause members who are inactive, former, or on vacation.</p> <p>Pause members who are inactive, former, or on vacation.</p>
<div> <div className='bottomMargin'>
<Form.Checkbox <Form.Checkbox
name='told1' name='told1'
checked={told1} checked={told1}
@ -407,7 +409,7 @@ export function AdminMemberPause(props) {
onChange={(e, v) => setTold1(v.checked)} onChange={(e, v) => setTold1(v.checked)}
/> />
</div> </div>
<div> <div className='bottomMargin'>
<Form.Checkbox <Form.Checkbox
name='told2' name='told2'
checked={told2} checked={told2}

View File

@ -213,7 +213,7 @@ export function Paymaster(props) {
/> />
</div> </div>
<div> <div className='bottomMargin'>
Please explain what you bought:<br/> Please explain what you bought:<br/>
<Input <Input
value={consumablesMemo} value={consumablesMemo}
@ -252,7 +252,7 @@ export function Paymaster(props) {
/> />
</div> </div>
<div> <div className='bottomMargin'>
Optional memo:<br/> Optional memo:<br/>
<Input <Input
value={memo} value={memo}
@ -267,8 +267,6 @@ export function Paymaster(props) {
custom={JSON.stringify({ category: 'Donation', member: user.member.id, memo: memo })} custom={JSON.stringify({ category: 'Donation', member: user.member.id, memo: memo })}
/> />
<p/>
<PayWithProtocoin <PayWithProtocoin
token={token} user={user} refreshUser={refreshUser} token={token} user={user} refreshUser={refreshUser}
amount={donate} amount={donate}
@ -305,4 +303,4 @@ export function Paymaster(props) {
</Grid> </Grid>
</Container> </Container>
); );
}; };

View File

@ -53,6 +53,10 @@ a {
min-height: 45rem; min-height: 45rem;
} }
.bottomMargin {
margin-bottom: 1rem;
}
.bean, .bean,
.photo-404 { .photo-404 {
max-width: 100%; max-width: 100%;