From 76a4e9e520bd45af44765dfdb366d5844f8cbb71 Mon Sep 17 00:00:00 2001
From: Kukks <evilkukka@gmail.com>
Date: Mon, 8 Nov 2021 08:15:08 +0100
Subject: [PATCH] Fix: Payout actions button was misaligned

---
 .../Views/StorePullPayments/Payouts.cshtml    | 27 ++++++++++---------
 1 file changed, 15 insertions(+), 12 deletions(-)

diff --git a/BTCPayServer/Views/StorePullPayments/Payouts.cshtml b/BTCPayServer/Views/StorePullPayments/Payouts.cshtml
index 2c2e45da2..65723b4f0 100644
--- a/BTCPayServer/Views/StorePullPayments/Payouts.cshtml
+++ b/BTCPayServer/Views/StorePullPayments/Payouts.cshtml
@@ -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>