diff --git a/BTCPayServer/Views/Shared/PointOfSale/Public/Static.cshtml b/BTCPayServer/Views/Shared/PointOfSale/Public/Static.cshtml
index 6a6949a50..a9197ba68 100644
--- a/BTCPayServer/Views/Shared/PointOfSale/Public/Static.cshtml
+++ b/BTCPayServer/Views/Shared/PointOfSale/Public/Static.cshtml
@@ -35,7 +35,7 @@
: item.BuyButtonText;
buttonText = buttonText.Replace("{0}", formatted).Replace("{Price}", formatted);
-
+
@if (!string.IsNullOrWhiteSpace(item.Image))
{
diff --git a/BTCPayServer/wwwroot/pos/cart.css b/BTCPayServer/wwwroot/pos/cart.css
index 2e385b884..d9d16997b 100644
--- a/BTCPayServer/wwwroot/pos/cart.css
+++ b/BTCPayServer/wwwroot/pos/cart.css
@@ -81,53 +81,6 @@ header .cart-toggle-btn {
min-width: 1.75em;
}
-.card-img-top {
- max-height: 210px;
- object-fit: scale-down;
-}
-
-.posItem {
- display: none;
- position: relative;
-}
-.posItem.posItem--inStock {
- cursor: pointer;
-}
-.posItem-added {
- display: flex;
- align-items: center;
- justify-content: center;
- background: var(--btcpay-success);
- color: var(--btcpay-success-text);
- position: absolute;
- top: 0;
- right: 0;
- left: 0;
- bottom: 0;
- opacity: 0;
- pointer-events: none;
- transition: opacity var(--btcpay-transition-duration-default) ease-in-out;
-}
-.posItem-added .icon {
- width: 2rem;
- height: 2rem;
-}
-.posItem--added {
- pointer-events: none;
-}
-.posItem--added .posItem-added {
- opacity: .8;
-}
-.posItem--displayed {
- display: flex;
-}
-.posItem--first {
- margin-left: auto;
-}
-.posItem--last {
- margin-right: auto;
-}
-
@media (max-width: 991px) {
#cart {
left: 0;
diff --git a/BTCPayServer/wwwroot/pos/common.css b/BTCPayServer/wwwroot/pos/common.css
index 6c339268b..35a3d00d0 100644
--- a/BTCPayServer/wwwroot/pos/common.css
+++ b/BTCPayServer/wwwroot/pos/common.css
@@ -6,3 +6,55 @@
.lead :last-child {
margin-bottom: 0;
}
+.posItem {
+ display: none;
+ position: relative;
+}
+.posItem.posItem--inStock {
+ cursor: pointer;
+}
+.posItem-added {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ background: var(--btcpay-success);
+ color: var(--btcpay-success-text);
+ position: absolute;
+ top: 0;
+ right: 0;
+ left: 0;
+ bottom: 0;
+ opacity: 0;
+ pointer-events: none;
+ transition: opacity var(--btcpay-transition-duration-default) ease-in-out;
+}
+.posItem-added .icon {
+ width: 2rem;
+ height: 2rem;
+}
+.posItem--added {
+ pointer-events: none;
+}
+.posItem--added .posItem-added {
+ opacity: .8;
+}
+.posItem--displayed {
+ display: flex;
+}
+.posItem--first {
+ margin-left: auto;
+}
+.posItem--last {
+ margin-right: auto;
+}
+.posItem .card {
+ width: 100%;
+}
+.posItem .card .card-body {
+ flex-grow: 0;
+}
+.posItem .card .card-img-top {
+ max-height: 210px;
+ object-fit: scale-down;
+ margin-bottom: auto;
+}