Fix button layout on edit user page

This commit is contained in:
Lilian 2023-05-22 14:21:46 +02:00
parent 98be7a1ba0
commit ab3e73c389
Signed by: enbyfoxen
GPG key ID: 007CA12D692829E1

View file

@ -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>