From dc2cd07e0c3ae9006443eea327066673beb77f73 Mon Sep 17 00:00:00 2001
From: Alexander Schmidt <alexander@schmidt.eco>
Date: Thu, 5 Feb 2026 15:13:45 +0100
Subject: [PATCH] fix: prevent text wrap in listing-card, ensure equal card
 widths with ellipsis overflow

---
 js/components/listing-card.js           | 10 ++++++++++
 js/components/pages/page-my-listings.js |  1 +
 2 files changed, 11 insertions(+)

diff --git a/js/components/listing-card.js b/js/components/listing-card.js
index 5158afd..617c0a5 100644
--- a/js/components/listing-card.js
+++ b/js/components/listing-card.js
@@ -189,6 +189,7 @@ style.textContent = /* css */`
         border-radius: var(--radius-md);
         overflow: hidden;
         transition: box-shadow var(--transition-fast);
+        min-width: 0;
     }
     
     listing-card:hover {
@@ -244,18 +245,27 @@ style.textContent = /* css */`
         font-weight: var(--font-weight-bold);
         color: var(--color-primary);
         margin: 0;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
     }
     
     listing-card .listing-price-secondary {
         font-size: var(--font-size-xs);
         color: var(--color-text-muted);
         margin: 0;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
     }
     
     listing-card .listing-location {
         font-size: var(--font-size-xs);
         color: var(--color-text-muted);
         margin: 0;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
     }
     
     listing-card .favorite-btn {
diff --git a/js/components/pages/page-my-listings.js b/js/components/pages/page-my-listings.js
index af6a509..3b024da 100644
--- a/js/components/pages/page-my-listings.js
+++ b/js/components/pages/page-my-listings.js
@@ -181,6 +181,7 @@ style.textContent = /* css */`
 
     page-my-listings .listing-wrapper {
         position: relative;
+        min-width: 0;
     }
 
     page-my-listings .status-badge {