From 5259f750fae21e095f8ac2c845af71675ade2e98 Mon Sep 17 00:00:00 2001
From: Russell Ballestrini <russell@unturf.com>
Date: Sat, 4 Oct 2025 19:17:37 -0400
Subject: [PATCH] Fix mobile layout spacing and image overflow issues

- Add margin-top to product purchase well on mobile for better spacing
- Prevent content images from causing horizontal scrollbars
- Improve mobile UX by separating product images from action buttons
---
 make_post_sell/static/css/common.css | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/make_post_sell/static/css/common.css b/make_post_sell/static/css/common.css
index 219f0a4..3ba45f4 100644
--- a/make_post_sell/static/css/common.css
+++ b/make_post_sell/static/css/common.css
@@ -240,6 +240,16 @@ 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;
     max-height: 100px;
@@ -949,6 +959,10 @@ textarea.markup-editor-textarea {
         width: 100%;
     }
     
+    section.product-right .well {
+        margin-top: 30px;
+    }
+    
     .product-description {
         order: 3;
     }