fix: Aufteilung – Tabelle volle Breite, Torte darunter; ungültige Eingaben inline (A13-T5)
Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -248,12 +248,13 @@ label:has(input:disabled), label:has(select:disabled) {
|
||||
.kennzahlen { display: flex; flex-wrap: wrap; gap: 1.5rem; margin-bottom: 1rem; }
|
||||
.kennzahlen div { display: flex; flex-direction: column; }
|
||||
.kennzahlen strong { font-size: 1.25rem; }
|
||||
.aufteilung-grid {
|
||||
display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
|
||||
gap: 1.5rem; align-items: start;
|
||||
.tabelle-scroll { overflow-x: auto; }
|
||||
/* Torte: schmal untereinander, breit SVG neben Legende */
|
||||
.torte { margin: 0; display: grid; grid-template-columns: minmax(0, 1fr); gap: 1rem; align-items: start; }
|
||||
@media (min-width: 700px) {
|
||||
.torte { grid-template-columns: 280px minmax(0, 1fr); }
|
||||
.torte figcaption { grid-column: 1 / -1; }
|
||||
}
|
||||
@media (max-width: 800px) { .aufteilung-grid { grid-template-columns: minmax(0, 1fr); } }
|
||||
.torte { margin: 0; }
|
||||
.torte figcaption { font-weight: bold; margin-bottom: 0.5rem; }
|
||||
.torte-svg { width: 100%; max-width: 280px; display: block; margin: 0 auto; }
|
||||
.torte-svg .seg { stroke: #fff; stroke-width: 0.02; }
|
||||
|
||||
Reference in New Issue
Block a user