From b5957634468f85e4c85969cfad1d0893e37a1019 Mon Sep 17 00:00:00 2001
From: Dennis Reimann <mail@dennisreimann.de>
Date: Tue, 24 May 2022 16:13:37 +0200
Subject: [PATCH] Wallet export UI fixes

---
 .../Views/UIWallets/WalletTransactions.cshtml | 22 +++++++++++--------
 1 file changed, 13 insertions(+), 9 deletions(-)

diff --git a/BTCPayServer/Views/UIWallets/WalletTransactions.cshtml b/BTCPayServer/Views/UIWallets/WalletTransactions.cshtml
index 8b431f404..07a890990 100644
--- a/BTCPayServer/Views/UIWallets/WalletTransactions.cshtml
+++ b/BTCPayServer/Views/UIWallets/WalletTransactions.cshtml
@@ -17,12 +17,19 @@
                 max-width: 200px;
             }
         }
+        
         /* pull actions area, so that it is besides the search form */
         @@media (min-width: 1200px) {
-            #Actions {
+            #Filter + #Dropdowns {
                 margin-top: -4rem;
+                float: right;
+            }
+            
+            #Filter + #Dropdowns #Actions {
+                order: 1;
             }
 		}
+		
         .unconf > * {
             opacity: 0.5;
         }
@@ -85,7 +92,7 @@
 {
     @if (Model.Labels.Any())
     {
-        <div class="col-xl-7 col-xxl-8 mb-4">
+        <div class="col-xl-7 col-xxl-8 mb-4" id="Filter">
             <div class="input-group">
                 <span class="input-group-text">Filter</span>
                 <div class="form-control d-flex flex-wrap gap-2 align-items-center">
@@ -101,8 +108,8 @@
             </div>
         </div>
     }
-    <div class="d-inline-flex align-items-center pb-2 float-xl-end mb-2 gap-3" id="Actions">
-        <div class="dropdown order-xl-1 ms-auto">
+    <div class="d-inline-flex align-items-center gap-3" id="Dropdowns">
+        <div class="dropdown ms-auto" id="Actions">
             <button class="btn btn-secondary dropdown-toggle" type="button" id="ActionsDropdownToggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                 Actions
             </button>
@@ -112,17 +119,14 @@
                 </form> 
             </div>
         </div>
-        <div class="dropdown d-inline-flex align-items-center gap-3">
-            <button class="btn btn-secondary dropdown-toggle order-xl-1" type="button" id="ExportDropdownToggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+        <div class="dropdown d-inline-flex align-items-center gap-3" id="Export">
+            <button class="btn btn-secondary dropdown-toggle" type="button" id="ExportDropdownToggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                 Export
             </button>
             <div class="dropdown-menu" aria-labelledby="ExportDropdownToggle">
                 <a asp-action="Export" asp-route-walletId="@walletId" asp-route-format="csv" asp-route-labelFilter="@labelFilter" class="dropdown-item export-link" target="_blank" id="ExportCSV">CSV</a>
                 <a asp-action="Export" asp-route-walletId="@walletId" asp-route-format="json" asp-route-labelFilter="@labelFilter" class="dropdown-item export-link" target="_blank" id="ExportJSON">JSON</a>
             </div>
-            <a href="https://docs.btcpayserver.org/Accounting/" target="_blank" rel="noreferrer noopener">
-                <span class="fa fa-question-circle-o text-secondary" title="More information..."></span>
-            </a>
         </div>
     </div>
     <div style="clear:both"></div>