Vergleich der aktuellen Darstellung mit einem überarbeiteten,
spaltenbündigen Entwurf. Ziel: einheitliche Symbole in jeder Zeile und
Adressen, die nicht mehr unschön abgeschnitten werden.
Aktuell So sieht es jetzt aus
Telefon-, E-Mail- und Adress-Symbol erscheinen nur, wenn das Feld gefüllt ist.
Fehlt ein Wert, fällt das Icon weg und die folgenden Angaben rücken nach – die Zeilen sind
dadurch unterschiedlich aufgebaut. Adressen werden zusätzlich nach 50 Zeichen hart gekürzt.
Feste Spalten für Telefon, E-Mail und Adresse. Das jeweilige Symbol steht
immer – bei leeren Feldern dezent ausgegraut mit „—". Adressen brechen bis zu
zwei Zeilen um statt hart abgeschnitten zu werden.
Einheitliche Symbole: Telefon-, E-Mail- und Adress-Icon stehen in jeder Zeile an
fester Position – fehlt ein Wert, bleibt das Icon dezent ausgegraut mit „—".
Spaltenbündig: CSS-Grid statt umbrechendem Flex – die Augen können Spalten von
oben nach unten lesen.
Adressen vollständig: keine harte 50-Zeichen-Kürzung mehr; Umbruch auf max. zwei
Zeilen (`-webkit-line-clamp:2`) statt mittendrin abgeschnitten.
Responsiv: auf schmalen Bildschirmen stapeln sich die Felder unter den Firmennamen.