Make Paymaster's Consumables and Donation inline

webclient/src/Paymaster.js

@@ -196,12 +196,12 @@ export function Paymaster(props) {
 				</Grid.Column>
 			</Grid>
 
-			<Header size='medium'>Consumables</Header>
+			<Grid stackable columns={2}>
+				<Grid.Column>
+					<Header size='medium'>Consumables</Header>
 
-			<p>Pay for materials you use (ie. welding gas, 3D printing, blades, etc).</p>
+					<p>Pay for materials you use (ie. welding gas, 3D printing, etc).</p>
 
-			<Grid stackable padded columns={1}>
-				<Grid.Column>
 					Custom amount:
 
 					<div className='pay-custom'>
@@ -238,12 +238,11 @@ export function Paymaster(props) {
 						custom={{ category: 'Consumables', memo: consumablesMemo }}
 					/>
 				</Grid.Column>
-			</Grid>
+				<Grid.Column>
+					<Header size='medium'>Donate</Header>
 
-			<Header size='medium'>Donate</Header>
+					<p>Donation of any amount to Protospace.</p>
 
-			<Grid stackable padded columns={1}>
-				<Grid.Column>
 					Custom amount:
 
 					<div className='pay-custom'>