Universal Theme: Den Abstand zwischen Formular-Elementen verringern


Das Universal Theme geht ja bekanntermaßen recht großzügig mit dem vorhandenen Platz auf dem Bildschirm um. Zwischen Regionen und Formularelementen sind standardmäßig große Abstände definiert. Mir gefällt das gut.

Wer allerdings möglichst viele Eingabefelder auf seinem Bildschirm unterbringen möchte, dem hilft vielleicht dieser kleine Tipp.

Der folgende Schnipsel CSS-Code verringert die Abstände zwischen den Eingabefeldern.

.t-Form-inputContainer, .t-Form-inputContainer.col, .t-Form-labelContainer, .t-Form-labelContainer.col {
  /*Original: padding: .8rem;*/
  padding-top: .4rem;
  padding-right: .8rem;
  padding-bottom: .4rem;
  padding-left: .8rem;
}
Hier das Ergebnis vorher …
css_minimize_padding_0
…und nachher.
css_minimize_padding_1
Das ganze funktioniert auch, wenn die Labels über den Eingabefeldern angeordnet sind.
Vorher:
css_minimize_padding_above_0
Nachher:
css_minimize_padding_above_1