diff --git a/release-notes.txt b/release-notes.txt index 24bf488..2120d98 100644 --- a/release-notes.txt +++ b/release-notes.txt @@ -26,6 +26,8 @@ v1.5.11 ✨ Smaller fixes - Crew form tidied into groups (Advanced tucked away), with a "Check" button for a custom chat coordinator and "Sasquatch · Pro" naming. +- Stash and the marketplace listing form now fit narrow phone screens — the + header, item rows and condition buttons no longer overlap. - Marketplace reputation no longer shows a stuck "Loading…". --- diff --git a/src/pages/CreateListingPage.tsx b/src/pages/CreateListingPage.tsx index 8aaad6f..c5dbe9a 100644 --- a/src/pages/CreateListingPage.tsx +++ b/src/pages/CreateListingPage.tsx @@ -680,17 +680,17 @@ export default function CreateListingPage() { key={key} type="button" variant={condition === key ? 'default' : 'outline'} - className={`h-auto py-3 flex-col items-start ${ + className={`h-auto w-full whitespace-normal py-3 flex-col items-start text-left ${ condition === key ? 'bg-orange-500 hover:bg-orange-600' : 'border-gray-600 hover:bg-gray-800' }`} onClick={() => setCondition(key)} > - + {emoji} {GEAR_CONDITION_KEYS[key] ? t(GEAR_CONDITION_KEYS[key]) : label} - {GEAR_CONDITION_DESC_KEYS[key] ? t(GEAR_CONDITION_DESC_KEYS[key]) : description} + {GEAR_CONDITION_DESC_KEYS[key] ? t(GEAR_CONDITION_DESC_KEYS[key]) : description} ))} @@ -710,15 +710,15 @@ export default function CreateListingPage() { key={key} type="button" variant={fulfilment === key ? 'default' : 'outline'} - className={`h-auto py-3 flex-col items-start ${ + className={`h-auto w-full whitespace-normal py-3 flex-col items-start text-left ${ fulfilment === key ? 'bg-[#00cc66] hover:bg-[#00cc66]/90 text-black' : 'border-gray-600 hover:bg-gray-800' }`} onClick={() => setFulfilment(key)} > - {label} - {hint} + {label} + {hint} ))} diff --git a/src/pages/StashPage.tsx b/src/pages/StashPage.tsx index 76e2e19..3a2c25b 100644 --- a/src/pages/StashPage.tsx +++ b/src/pages/StashPage.tsx @@ -143,7 +143,7 @@ function StashListRow({ item, onEdit, onDelete, onListOnMarketplace, isWTB = fal • {{ home:'🏠',car:'🚗',skatepark:'🛹',warehouse:'🏭',storage_unit:'🔒',van:'🚐',friends:'👫',parents:'👨‍👩‍👦',wardrobe:'🚪',backpack:'🎒',sponsor:'🤝',other:'📦' }[item.storageLocation]} )} -
+
{!isWTB && (
{Array.from({ length: 5 }).map((_, i) => ( @@ -152,7 +152,7 @@ function StashListRow({ item, onEdit, onDelete, onListOnMarketplace, isWTB = fal
)} {(item.minPrice || item.maxPrice) && ( - + {(item.maxPrice || item.minPrice || 0).toLocaleString()} {usdValue && (~${usdValue.toFixed(0)})} @@ -1072,9 +1072,9 @@ export default function StashPage() { {/* ── Sticky header ── */}
- {/* Title row */} -
-
+ {/* Title row — wraps on phones so the actions get their own line */} +
+
@@ -1098,7 +1098,7 @@ export default function StashPage() {
-
+
{/* Bulk select */} {stats.total > 0 && (