fix: align "no deletable goals" text properly

2026-10-02 03:48:14 +03:00 · 2022-12-23 02:30:48 +00:00
parent 436fb83da1
commit dcd84c644d
1 changed files with 5 additions and 1 deletions
@@ -29,7 +29,11 @@ export default function DeleteGoalsModal({
 			</Modal.Header>
 			<Modal.Body>
 				<Row>
-					{deletableGoals.length === 0 && <div>You have no deletable goals.</div>}
+					{deletableGoals.length === 0 && (
+						<Col xs={12} className="text-center">
+							You have no deletable goals.
+						</Col>
+					)}
 					{sorted.map((e) => (
 						<Col xs={12} lg={8} key={e.goalID} className="offset-lg-2 my-2">
 							<div className="d-flex">