Fix: Payout actions button was misaligned

This commit is contained in:
Kukks
2021-11-08 08:15:08 +01:00
parent af635cdc0d
commit 76a4e9e520

View File

@@ -52,7 +52,7 @@
<h4 class="mb-4">@ViewData["Title"]</h4>
<div class="row">
<div class="col-auto">
<div class="col-12">
<ul class="nav nav-pills bg-tile mb-2" style="border-radius:4px; border: 1px solid var(--btcpay-body-border-medium)">
@foreach (var state in Model.PaymentMethods)
{
@@ -69,7 +69,7 @@
</li>
}
</ul>
<ul class="nav nav-pills bg-tile" style="border: 1px solid var(--btcpay-body-border-medium)">
<ul class="nav nav-pills bg-tile mb-2" style="border: 1px solid var(--btcpay-body-border-medium)">
@foreach (var state in Model.PayoutStateCount)
{
<li class="nav-item py-0">
@@ -87,17 +87,20 @@
</div>
@if (Model.Payouts.Any() && stateActions.Any())
{
<div class="dropdown col-auto mt-4 ms-xl-auto mt-xl-0">
<button class="btn btn-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown" id="@Model.PayoutState-actions">
Actions
</button>
<div class="dropdown-menu" aria-labelledby="@Model.PayoutState-actions">
@foreach (var action in stateActions)
{
<button type="submit" id="@Model.PayoutState-@action.Action" name="Command" class="dropdown-item" role="button" value="@Model.PayoutState-@action.Action">@action.Text</button>
}
</div>
<div class="col-12">
<div class="dropdown mt-4 ms-xl-auto mt-xl-0">
<button class="btn btn-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown" id="@Model.PayoutState-actions">
Actions
</button>
<div class="dropdown-menu" aria-labelledby="@Model.PayoutState-actions">
@foreach (var action in stateActions)
{
<button type="submit" id="@Model.PayoutState-@action.Action" name="Command" class="dropdown-item" role="button" value="@Model.PayoutState-@action.Action">@action.Text</button>
}
</div>
</div>
</div>
}
</div>