@@Hannes Weninger
Ich kämpfe jetzt noch mit den Abständen zwischen meinen "spans" und Tabellen- Zellen Rändern - dieser sollte nur 1 pixel sein.
Wie du dem Entwicklerwerkzeug deines Browsers entnehmen kannst, kommt der von
.table > tbody > tr > td, … { padding: 8px; … }
aus bootstrap.min.css.
Optionen:
-
Du überschreibst die Regel aus Bootstrap in deinem Stylesheet für alle Tabellen der Klasse "table".
-
Du überschreibst die Regel aus Bootstrap in deinem Stylesheet für alle Tabellen der Klasse "serviceScheduleTable".
-
Du gibst der Tabelle gar nicht erst die Klassen "table" und "table-bordered".
-
Du verwendest gar nicht erst Bootstrap.
Und auch das "+" sollte sich immer rechts unten im Eck der Zelle befinden.
Da hilft display: block; text-align-right
. Allerdings musst du auch hier gegen das Framework ankämpfen.
LLAP 🖖
Ist diese Antwort anstößig? Dann könnte sie nützlich sein.