From ab3e73c3892a5d5523b0209f5465024944795b01 Mon Sep 17 00:00:00 2001
From: Lilian <lilian@blahaj.space>
Date: Mon, 22 May 2023 14:21:46 +0200
Subject: [PATCH] Fix button layout on edit user page

---
 AfRApay.Web/Pages/EditUser.cshtml | 26 +++++++++++++++-----------
 1 file changed, 15 insertions(+), 11 deletions(-)

diff --git a/AfRApay.Web/Pages/EditUser.cshtml b/AfRApay.Web/Pages/EditUser.cshtml
index 30db748..012dd26 100644
--- a/AfRApay.Web/Pages/EditUser.cshtml
+++ b/AfRApay.Web/Pages/EditUser.cshtml
@@ -76,19 +76,23 @@
 		<input type="number" max="999.50" min="-99.50" step=".50" class="form-control" id="balance" name="balance" value="@formattedBalance" required>
 	</div>
 
-	<div class="d-flex justify-content-evenly mx-1">
+	<div class="d-flex">
 		<button type="submit" class="btn btn-lg m-1 btn-primary" name="action" value="save">Save</button>
-		<div class="d-flex justify-content-center flex-wrap" role="group">
-			<button type="submit" class="btn transact-btn btn-danger" name="amount" value="-150">-1.50&euro;</button>
-			<button type="submit" class="btn transact-btn btn-danger" name="amount" value="-200">-2&euro;</button>
-			<button type="submit" class="btn transact-btn btn-danger" name="amount" value="-500">-5&euro;</button>
-			<button type="submit" class="btn transact-btn btn-danger" name="amount" value="-1000">-10&euro;</button>
+		<div class="container p-0">
+			<div class="row row-cols-2 row-cols-lg-auto justify-content-center g-0">
+				<div class="col"><button type="submit" class="btn float-end transact-btn btn-danger" name="amount" value="-150">-1.50&euro;</button></div>
+				<div class="col"><button type="submit" class="btn transact-btn btn-danger" name="amount" value="-200">-2&euro;</button></div>
+				<div class="col"><button type="submit" class="btn float-end transact-btn btn-danger" name="amount" value="-500">-5&euro;</button></div>
+				<div class="col"><button type="submit" class="btn transact-btn btn-danger" name="amount" value="-1000">-10&euro;</button></div>
+			</div>
 		</div>
-		<div class="d-flex justify-content-center flex-wrap" role="group">
-			<button type="submit" class="btn transact-btn btn-success" name="amount" value="150">+1.50&euro;</button>
-			<button type="submit" class="btn transact-btn btn-success" name="amount" value="200">+2&euro;</button>
-			<button type="submit" class="btn transact-btn btn-success" name="amount" value="500">+5&euro;</button>
-			<button type="submit" class="btn transact-btn btn-success" name="amount" value="1000">+10&euro;</button>
+		<div class="container p-0">
+			<div class="row row-cols-2 row-cols-lg-auto justify-content-center g-0">
+				<div class="col"><button type="submit" class="btn float-end transact-btn btn-success" name="amount" value="150">+1.50&euro;</button></div>
+				<div class="col"><button type="submit" class="btn transact-btn btn-success" name="amount" value="200">+2&euro;</button></div>
+				<div class="col"><button type="submit" class="btn float-end transact-btn btn-success" name="amount" value="500">+5&euro;</button></div>
+				<div class="col"><button type="submit" class="btn transact-btn btn-success" name="amount" value="1000">+10&euro;</button></div>
+			</div>
 		</div>
 	</div>
 </form>