diff --git a/BTCPayServer/Views/Invoice/Checkout-Body.cshtml b/BTCPayServer/Views/Invoice/Checkout-Body.cshtml
index 143f3db48..04a32693a 100644
--- a/BTCPayServer/Views/Invoice/Checkout-Body.cshtml
+++ b/BTCPayServer/Views/Invoice/Checkout-Body.cshtml
@@ -42,27 +42,36 @@
-
-
![]()
-
+ @if (Model.AvailableCryptos.Count == 1)
+ {
+
+
![]()
{{srvModel.paymentMethodName}}
({{srvModel.cryptoCode}})
-
-
-
+
+ }
+ else
+ {
+
+
![]()
+
{{srvModel.paymentMethodName}} ({{srvModel.cryptoCode}})
+
+
+
+ }
diff --git a/BTCPayServer/wwwroot/checkout/css/vex-extrastyles.css b/BTCPayServer/wwwroot/checkout/css/vex-extrastyles.css
index fa6cf2446..846d0b1a7 100644
--- a/BTCPayServer/wwwroot/checkout/css/vex-extrastyles.css
+++ b/BTCPayServer/wwwroot/checkout/css/vex-extrastyles.css
@@ -28,13 +28,13 @@
height: 24px;
}
-.vexmenuitem:hover {
- background-color: #eee;
-}
+ .vexmenuitem:hover {
+ background-color: #eee;
+ }
-.vexmenuitem:last-child {
- border-bottom: none;
-}
+ .vexmenuitem:last-child {
+ border-bottom: none;
+ }
#vexPopupDialog {
display: none;
@@ -49,6 +49,19 @@
height: 32px;
}
- .payment__currencies span {
- border-bottom: 1px dotted gray;
- }
+.clickable_underline {
+ border-bottom: 1px dotted #ccc;
+}
+
+.payment__currencies:hover .clickable_underline {
+ border-bottom: 1px dotted black;
+}
+
+.clickable_indicator {
+ margin-right: -10px;
+ opacity: 0.3;
+}
+
+.payment__currencies:hover .clickable_indicator {
+ opacity: 1;
+}