diff --git a/src/components/offers/OfferList.jsx b/src/components/offers/OfferList.jsx index c18a89b..7a56faa 100644 --- a/src/components/offers/OfferList.jsx +++ b/src/components/offers/OfferList.jsx @@ -64,7 +64,7 @@ export default function OfferList({ customerId, reloadKey, onMessage, onChanged Angelegt Kunde - Angebot + Angebot Gültig bis Status diff --git a/src/styles/global.css b/src/styles/global.css index cfcad42..9dc2a9c 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -1222,7 +1222,12 @@ div.cell-actions { display: flex; flex-wrap: wrap; gap: 4px 16px; margin-top: 6p @media (min-width: 861px) { .table-wrap th.col-status { min-width: 12rem; } } /* Kundenspalte (E-Mail-Speicher, Angebote, Gutschriften): wird nicht schmaler als ein ganzer Name ("Physiotherapie"); die Aufgaben-, */ /* Angebots- oder Statusspalte ist lang und nimmt sonst fast die ganze Breite, und td bricht ueberall: am Handy stuende "Physiothe-rapie" in 65 px. */ -.table-wrap th.col-name { min-width: 7rem; } +.table-wrap th.col-name { min-width: 7.5rem; } +/* Angebotsspalte (Angebote): braucht ebenfalls eine Mindestbreite, sonst bricht der lange Angebots- und Notiztext am Handy mitten im Wort */ +/* ("Ansprechpartne-r", "Geschaeftsfuehru-ng" in 103 px). Bis 600 px passen 7,5rem (Kunde) + 8rem (Angebot) + 6rem (Status) in 358 px; */ +/* die Kundenspalte braucht 7,5rem fuer "Anlagentechnik" (14 Zeichen), nur die Angebotstabelle hat col-status. */ +.table-wrap th.col-offer { min-width: 8rem; } +@media (max-width: 600px) { .table-wrap th.col-status { min-width: 6rem; } } /* ===== ENDE Kunden-Unterseiten (P6) ===== */ /* ===== KOMPAT (bis P10) ===== */