Fix: Date column header isn't aligned (#6914)
What changed, and why it matters
This commit is a purely cosmetic UI fix. It adjusts spacing around 'Date' column headers in several admin pages so the header text and a small date-format toggle button line up neatly. There is no security relevance.
No security action needed. Treat as a normal UI polish change.
Security signals we found
No strong security signals were identified.
Evidence from the diff
The patch changes Bootstrap flex utility classes in six Razor (.cshtml) views. It increases the gap between the ‘Date’ label and the time-format switch button from gap-1/gap-2 to gap-3, and removes extra padding (p-2 → p-0) on the button. One unrelated whitespace fix is also present. No controller, model, routing, or security-sensitive code is touched.
Changed components
BTCPayServer/Views/UIInvoice/ListInvoices.cshtmlBTCPayServer/Views/UINotifications/Index.cshtmlBTCPayServer/Views/UIPaymentRequest/GetPaymentRequests.cshtmlBTCPayServer/Views/UIStorePullPayments/Payouts.cshtmlBTCPayServer/Views/UIStorePullPayments/PullPayments.cshtmlBTCPayServer/Views/UIWallets/WalletTransactions.cshtmlInspect captured patch +10 / −10
diff --git a/BTCPayServer/Views/UIInvoice/ListInvoices.cshtml b/BTCPayServer/Views/UIInvoice/ListInvoices.cshtml
index d3920b3..a03a255 100644
--- a/BTCPayServer/Views/UIInvoice/ListInvoices.cshtml
+++ b/BTCPayServer/Views/UIInvoice/ListInvoices.cshtml
@@ -326,9 +326,9 @@
<input type="checkbox" class="form-check-input mass-action-select-all" />
</th>
<th class="date-col">
- <div class="d-flex align-items-center gap-1">
+ <div class="d-flex align-items-center gap-3">
<span text-translate="true">Date</span>
- <button type="button" class="btn btn-link p-2 switch-time-format only-for-js" title="@StringLocalizer["Switch date format"]">
+ <button type="button" class="btn btn-link p-0 switch-time-format only-for-js" title="@StringLocalizer["Switch date format"]">
<vc:icon symbol="time" />
</button>
</div>
diff --git a/BTCPayServer/Views/UINotifications/Index.cshtml b/BTCPayServer/Views/UINotifications/Index.cshtml
index 81177c5..ee2723b 100644
--- a/BTCPayServer/Views/UINotifications/Index.cshtml
+++ b/BTCPayServer/Views/UINotifications/Index.cshtml
@@ -27,7 +27,7 @@
#SearchText {
width: 100%;
}
- }
+ }
</style>
}
@@ -124,7 +124,7 @@
</th>
<th text-translate="true">Message</th>
<th class="date-col">
- <div class="d-flex align-items-center gap-1">
+ <div class="d-flex align-items-center gap-3">
<span text-translate="true">Date</span>
<button type="button" class="btn btn-link p-0 switch-time-format only-for-js" title="@StringLocalizer["Switch date format"]">
<vc:icon symbol="time" />
diff --git a/BTCPayServer/Views/UIPaymentRequest/GetPaymentRequests.cshtml b/BTCPayServer/Views/UIPaymentRequest/GetPaymentRequests.cshtml
index afe0705..6ba32df 100644
--- a/BTCPayServer/Views/UIPaymentRequest/GetPaymentRequests.cshtml
+++ b/BTCPayServer/Views/UIPaymentRequest/GetPaymentRequests.cshtml
@@ -87,7 +87,7 @@
<tr>
<th text-translate="true">Title</th>
<th class="date-col">
- <div class="d-flex align-items-center gap-1">
+ <div class="d-flex align-items-center gap-3">
<span text-translate="true">Expiry</span>
<button type="button" class="btn btn-link p-0 switch-time-format only-for-js" title="@StringLocalizer["Switch date format"]">
<vc:icon symbol="time" />
diff --git a/BTCPayServer/Views/UIStorePullPayments/Payouts.cshtml b/BTCPayServer/Views/UIStorePullPayments/Payouts.cshtml
index 8ce23f4..fa28ca5 100644
--- a/BTCPayServer/Views/UIStorePullPayments/Payouts.cshtml
+++ b/BTCPayServer/Views/UIStorePullPayments/Payouts.cshtml
@@ -152,7 +152,7 @@
</th>
}
<th class="date-col">
- <div class="d-flex align-items-center gap-1">
+ <div class="d-flex align-items-center gap-3">
<span text-translate="true">Date</span>
<button type="button" class="btn btn-link p-0 switch-time-format only-for-js" title="Switch date format">
<vc:icon symbol="time" />
diff --git a/BTCPayServer/Views/UIStorePullPayments/PullPayments.cshtml b/BTCPayServer/Views/UIStorePullPayments/PullPayments.cshtml
index e640f82..08567ec 100644
--- a/BTCPayServer/Views/UIStorePullPayments/PullPayments.cshtml
+++ b/BTCPayServer/Views/UIStorePullPayments/PullPayments.cshtml
@@ -87,7 +87,7 @@
<thead>
<tr>
<th scope="col" class="date-col">
- <div class="d-flex align-items-center gap-2">
+ <div class="d-flex align-items-center gap-3">
<a asp-action="PullPayments"
asp-route-sortOrder="@(nextStartDateSortOrder ?? "asc")"
asp-route-pullPaymentState="@Model.ActiveState"
@@ -113,7 +113,7 @@
<tr class="mass-action-row">
<td class="date-col">@pp.StartDate.ToBrowserDate()</td>
<td>
- <a
+ <a
permission="@Policies.CanManagePullPayments"
asp-action="EditPullPayment"
asp-controller="UIPullPayment"
diff --git a/BTCPayServer/Views/UIWallets/WalletTransactions.cshtml b/BTCPayServer/Views/UIWallets/WalletTransactions.cshtml
index bdcf712..c57fc19 100644
--- a/BTCPayServer/Views/UIWallets/WalletTransactions.cshtml
+++ b/BTCPayServer/Views/UIWallets/WalletTransactions.cshtml
@@ -224,9 +224,9 @@
<input type="checkbox" class="form-check-input mass-action-select-all" />
</th>
<th class="date-col">
- <div class="d-flex align-items-center gap-1">
+ <div class="d-flex align-items-center gap-3">
<span text-translate="true">Date</span>
- <button type="button" class="btn btn-link p-2 switch-time-format only-for-js" title="@StringLocalizer["Switch date format"]">
+ <button type="button" class="btn btn-link p-0 switch-time-format only-for-js" title="@StringLocalizer["Switch date format"]">
<vc:icon symbol="time" />
</button>
</div>
Why this scored 15/100
Community notes
Notes can correct, qualify, or add evidence to the AI analysis. Every note shown here has been validated by a human moderator.
The AI analysis stands alone for now. Submit a note if you can add evidence or important context.