diff --git a/app/templates/base.html b/app/templates/base.html index c40ce58..2403530 100644 --- a/app/templates/base.html +++ b/app/templates/base.html @@ -302,19 +302,26 @@ .time-pair { display: flex; align-items: center; gap: 3px; justify-content: center; } .time-sep { color: var(--rule); font-size: 11px; flex-shrink: 0; } .time-input { - width: 70px; - padding: .28rem .35rem; + width: 78px; + padding: .28rem .3rem; border: 1px solid var(--rule); border-radius: 0; font-family: var(--mono); font-size: 12px; color: var(--text); background: transparent; - text-align: center; + text-align: left; transition: border-color .15s; } .time-input:hover { border-color: var(--muted); } .time-input:focus { outline: none; border-color: var(--accent); background: #fff; } + /* L'icône d'horloge native a une largeur fixe qui, avec un champ centré trop + étroit, empiète sur le dernier chiffre : on aligne le texte à gauche et on + resserre le padding de l'icône plutôt que de lui laisser sa marge par défaut. */ + .time-input::-webkit-calendar-picker-indicator { + margin-left: .2rem; + padding: 1px; + } tr.htmx-request .time-input { opacity: .4; } .col-calc { text-align: right; padding-left: .5rem; } @@ -421,7 +428,7 @@ .pointage-table td.c-matin .td-fill, .pointage-table td.c-aprem .td-fill { padding: .55rem .75rem; } - .pointage-table .time-input { width: 84px; font-size: 14px; padding: .45rem .4rem; } + .pointage-table .time-input { width: 98px; font-size: 14px; padding: .45rem .4rem; } .pointage-table td.col-calc, .pointage-table td.col-cumul,