fix: scan-qrcode icon alignment (#7116)
What the developer wrote
Authored by Carlos Marques
fix: scan-qrcode icon alignment (#7116)
What changed, and why it matters
This commit is a purely cosmetic fix for a QR-code scan button icon in the wallet send page. It adjusts CSS margins and adds flexbox centering so the icon lines up correctly. There is no security relevance.
No security action needed; treat as routine UI polish.
Security signals we found
No strong security signals were identified.
Evidence from the diff
The change modifies BTCPayServer/Views/UIWallets/WalletSend.cshtml only. It adds a CSS rule removing the left margin on #scanqrcode .icon and adds d-flex, align-items-center, and justify-content-center classes to the scan QR-code button. No functional, input-handling, authentication, authorization, or cryptographic code is touched.
Changed components
BTCPayServer/Views/UIWallets/WalletSend.cshtmlInspect captured patch +4 / −1
diff --git a/BTCPayServer/Views/UIWallets/WalletSend.cshtml b/BTCPayServer/Views/UIWallets/WalletSend.cshtml
index 20ea557..63ee040 100644
--- a/BTCPayServer/Views/UIWallets/WalletSend.cshtml
+++ b/BTCPayServer/Views/UIWallets/WalletSend.cshtml
@@ -31,6 +31,9 @@
.buttons .btn {
flex: 1 0 45%;
}
+ #scanqrcode .icon {
+ margin-left: 0;
+ }
</style>
<link href="~/vendor/tom-select/tom-select.bootstrap5.min.css" asp-append-version="true" rel="stylesheet">
<script src="~/vendor/tom-select/tom-select.complete.min.js" asp-append-version="true"></script>
@@ -95,7 +98,7 @@
</div>
<div class="input-group">
<input asp-for="Outputs[index].DestinationAddress" class="form-control font-monospace flex-grow-1" autocomplete="off" autofocus="@(index == Model.Outputs.Count - 1 ? "autofocus" : null)"/>
- <button type="button" id="scanqrcode" class="btn btn-secondary px-3 only-for-js" data-bs-toggle="modal" data-bs-target="#scanModal" title="@StringLocalizer["Scan with camera"]" data-index="@index">
+ <button type="button" id="scanqrcode" class="btn btn-secondary px-3 d-flex align-items-center justify-content-center only-for-js" data-bs-toggle="modal" data-bs-target="#scanModal" title="@StringLocalizer["Scan with camera"]" data-index="@index">
<vc:icon symbol="scan-qr" />
</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.