Anzeigefelder im aktuellen Trade noch einmal 2 px kleiner (v=208)

User-Vorgabe. Zweite Stufe, gezielt auf die ANZEIGEFELDER.

`.tb-val` 0,8333rem -> 0,7222rem (15 px -> 13 px bei der 18-px-Referenz, in der
die rem-Werte entstanden sind). Betrifft Richtung, Lots, Einsatz, Laufzeit,
SL/TP und TP1/TP3.

⚠ BEWUSST NUR `.tb-val`: die EINGABEfelder (`.tb-field input`) bleiben bei
0,8333rem. Dort wird getippt, und unter rund 16 px zoomt iOS beim Fokus
selbsttaetig ins Feld - das reisst am Handy das Layout auseinander. Die
Anzeigeboxen haben dieses Problem nicht.

⚠ Umgesetzt als eigene, SPAETERE Regel statt einer Aenderung an der
Sammelregel `.tb-field input, .tb-field .tb-val` - so bleiben Eingaben und
Anzeigen getrennt einstellbar. Reihenfolge geprueft: die spezifische Regel
steht spaeter und gewinnt.

Am ausgelieferten CSS verifiziert (input 0,8333rem / tb-val 0,7222rem).

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
Axel Hocks
2026-08-20 22:32:31 +02:00
co-authored by Claude Opus 5
parent 71abb49cf7
commit 21f2dda983
3 changed files with 10 additions and 5 deletions
+3 -3
View File
@@ -12,9 +12,9 @@
⚠ LOKAL eingebunden, kein CDN: die PWA laeuft ueber WireGuard
und muss offline funktionieren. -->
<link rel="stylesheet" href="pico.min.css?v=1">
<link rel="stylesheet" href="style.css?v=207">
<link rel="stylesheet" href="style.css?v=208">
</head>
<body data-html-v="207">
<body data-html-v="208">
<!-- Modul-Menü (ganz oben) -->
<nav id="tabs">
<button class="tab active" data-view="dash">Dashboard</button>
@@ -473,6 +473,6 @@
</div>
<div id="toast" class="toast hidden"></div>
<script src="app.js?v=207"></script>
<script src="app.js?v=208"></script>
</body>
</html>