Add spacing between confirm and decline buttons (#860)

* Add spacing between confirm and decline buttons * Fix mobile * Retrigger happo * Change spacing to 0.8rem
VandyHacks · Sep 30, 2021 · 387f1a4 · 387f1a4
1 parent 03b0d47
commit 387f1a4
Showing 1 changed file with 16 additions and 5 deletions.
diff --git a/src/client/routes/dashboard/HackerDash.tsx b/src/client/routes/dashboard/HackerDash.tsx
@@ -135,6 +135,15 @@ const HackerDashBG = styled(FloatingPopup)`
 		display: block;
 		height: 200px;
 	}
+
+	#actions {
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
+		align-items: center;
+		width: inherit;
+		gap: 0.8rem;
+	}
 `;
 
 export const HackerDash: FunctionComponent = (): JSX.Element => {
@@ -215,11 +224,13 @@ export const HackerDash: FunctionComponent = (): JSX.Element => {
 								</SmallCenteredText>
 							</>
 						)}
-						{statusInfo.actions.map(e => (
-							<Button key={e.actionText} large long onClick={e.action}>
-								{e.actionText}
-							</Button>
-						))}
+						<div id="actions">
+							{statusInfo.actions.map(e => (
+								<Button key={e.actionText} large long onClick={e.action}>
+									{e.actionText}
+								</Button>
+							))}
+						</div>
 					</FlexColumn>
 				</HackerDashBG>
 			</FlexStartColumn>