From f6a4d0d4cee0f93b3250e2ea89f91f6875f7ea08 Mon Sep 17 00:00:00 2001
From: Russell Ballestrini <russell@unturf.com>
Date: Sat, 4 Oct 2025 19:41:24 -0400
Subject: [PATCH] Fix crypto icon sizing and add payment method button styling

- Remove problematic image width rules that broke crypto icons
- Style "Add a credit card payment method" as blue button for both themes
- Ensure crypto payment icons maintain proper 32x32 pixel size
---
 make_post_sell/static/css/common.css      | 37 +++++++++++++++++------
 make_post_sell/templates/cart_checkout.j2 |  2 +-
 2 files changed, 28 insertions(+), 11 deletions(-)

diff --git a/make_post_sell/static/css/common.css b/make_post_sell/static/css/common.css
index 3ba45f4..052e493 100644
--- a/make_post_sell/static/css/common.css
+++ b/make_post_sell/static/css/common.css
@@ -240,15 +240,6 @@ img {
     height: auto;
 }
 
-/* Prevent content images from causing horizontal scrollbars */
-.content img,
-.product-content img,
-.well img {
-    max-width: 100%;
-    width: auto;
-    height: auto;
-    box-sizing: border-box;
-}
 
 img.logo {
     width: initial;
@@ -1323,6 +1314,32 @@ div.message-ribbon {
     color: #ffffff !important;
 }
 
+/* Add payment method button styling */
+.add-payment-method-button {
+    background-color: var(--blue-color);
+    color: white;
+    text-decoration: none;
+}
+
+.add-payment-method-button:hover {
+    background-color: #4a90e2;
+    color: white;
+}
+
+[data-theme="dark"] .add-payment-method-button {
+    background-color: #2d3748;
+    background-image: url("/static/img/trans-blue.png");
+    color: var(--blue-color);
+    border: 2px solid var(--blue-color);
+}
+
+[data-theme="dark"] .add-payment-method-button:hover {
+    background-color: #2d3748;
+    background-image: url("/static/img/trans-blue2.png");
+    color: #ffffff;
+    border: 2px solid var(--blue-color);
+}
+
 .inline-label {
     display: inline;
 }
@@ -1453,7 +1470,7 @@ div.message-ribbon {
     opacity: 0.6;
 }
 
-.crypto-button-icon {
+img.crypto-button-icon {
     width: 32px;
     height: 32px;
     margin-right: 8px;
diff --git a/make_post_sell/templates/cart_checkout.j2 b/make_post_sell/templates/cart_checkout.j2
index 104d989..b5c35eb 100644
--- a/make_post_sell/templates/cart_checkout.j2
+++ b/make_post_sell/templates/cart_checkout.j2
@@ -22,7 +22,7 @@
     {% else %}
     <h2><b>Payment</b></h2>
     <p>No active credit card payment method configured.</p>
-    <p><a href="/billing" class="shop-theme-link-color">Add a credit card payment method</a>.</p>
+    <p><a href="/billing" class="add-payment-method-button mps-button">Add a credit card payment method</a>.</p>
     <br>
     {% endif %}
   {% endif %}