From c1693c93c8142d0be80e73a5dd90ab96936a9d75 Mon Sep 17 00:00:00 2001
From: Dicken <webmaster@sermerpartydorf.de>
Date: Sat, 18 Jul 2026 02:53:00 +0200
Subject: [PATCH] fix: KoePi Angebote/Prospekte immer 2-spaltig, Prospekt-Titel
 sichtbar

---
 frontend/src/tools/koepi.jsx | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/frontend/src/tools/koepi.jsx b/frontend/src/tools/koepi.jsx
index 384f0c8..7d3c543 100644
--- a/frontend/src/tools/koepi.jsx
+++ b/frontend/src/tools/koepi.jsx
@@ -152,6 +152,11 @@ function ProspektCard({ b }) {
           <div style={{ color:'rgba(255,255,255,0.4)', fontFamily:'monospace', fontSize:10, marginBottom:2 }}>
             📍 {b.street}
           </div>
+          {b.title && (
+            <div style={{ color:'rgba(255,255,255,0.55)', fontFamily:'monospace', fontSize:10, marginTop:2 }}>
+              {b.title}
+            </div>
+          )}
           {(b.validFrom || b.validTo || b.weekInfo) && (
             <div style={{ color:'rgba(255,255,255,0.3)', fontFamily:'monospace', fontSize:9, marginTop:4 }}>
               {b.validFrom && `Ab ${fmtDate(b.validFrom)}`}{b.validFrom&&b.validTo&&' · '}{b.validTo&&`Bis ${fmtDate(b.validTo)}`}
@@ -271,7 +276,7 @@ export default function Koepi({ toast }) {
               <div style={{ ...S.head, marginBottom:12 }}>
                 {offers.offers.length} AKTUELLE ANGEBOTE · Quelle: marktguru.de
               </div>
-              <div style={{ display:'grid', gridTemplateColumns:'repeat(auto-fill,minmax(180px,1fr))', gap:14 }}>
+              <div style={{ display:'grid', gridTemplateColumns:'repeat(2,1fr)', gap:14 }}>
                 {offers.offers.map((o,i) => <OfferCard key={i} offer={o}/>)}
               </div>
             </>
@@ -295,7 +300,7 @@ export default function Koepi({ toast }) {
           {prospekte.current?.length > 0 && (
             <>
               <div style={{ ...S.head, marginBottom:12 }}>DEINE MÄRKTE — AKTUELL ({prospekte.current.length})</div>
-              <div style={{ display:'grid', gridTemplateColumns:'repeat(auto-fill,minmax(180px,1fr))', gap:12, marginBottom:24 }}>
+              <div style={{ display:'grid', gridTemplateColumns:'repeat(2,1fr)', gap:12, marginBottom:24 }}>
                 {prospekte.current.map(b=><ProspektCard key={b.id} b={b}/>)}
               </div>
             </>
@@ -306,7 +311,7 @@ export default function Koepi({ toast }) {
                 color:'rgba(255,255,255,0.35)' }}>
                 KOMMENDE PROSPEKTE ({prospekte.future.length})
               </div>
-              <div style={{ display:'grid', gridTemplateColumns:'repeat(auto-fill,minmax(180px,1fr))', gap:12, opacity:0.75 }}>
+              <div style={{ display:'grid', gridTemplateColumns:'repeat(2,1fr)', gap:12, opacity:0.75 }}>
                 {prospekte.future.map(b=><ProspektCard key={b.id} b={b}/>)}
               </div>
             </>