diff --git a/modules/turnero/views/display_global.php b/modules/turnero/views/display_global.php index 3c8f86b..c1b3b0d 100644 --- a/modules/turnero/views/display_global.php +++ b/modules/turnero/views/display_global.php @@ -204,9 +204,9 @@ $_hasVideo = (bool)$_tvVideo; scrollbar-width: thin; scrollbar-color: #e2e8f0 transparent; } .ul-item { - display: flex; align-items: center; gap: .25rem; - padding: .7rem .9rem; border-radius: 10px; - margin-bottom: .4rem; + display: flex; align-items: center; gap: .45rem; + padding: .5rem .75rem; border-radius: 10px; + margin-bottom: .35rem; background: #fff; border: 1px solid #e2e8f0; border-left: 4px solid color-mix(in srgb, var(--brand, #1565c0) 50%, transparent); } @@ -218,20 +218,19 @@ $_hasVideo = (bool)$_tvVideo; } .ul-item.activo .ul-nom, .ul-item.activo .ul-dest { color: rgba(255,255,255,.75); } - .ul-item .ul-left { flex: 1; min-width: 0; } - .ul-item .ul-cod { font-weight: 800; font-size: 3.2rem; display: block; } + .ul-item .ul-left { flex: 0 0 auto; min-width: 0; } + .ul-item .ul-cod { font-weight: 800; font-size: 1.55rem; display: block; } .ul-item .ul-nom { - font-size: 2.2rem; font-weight: 600; + font-size: .8rem; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; } .ul-item .ul-dest { - font-size: 2.4rem; font-weight: 700; color: #1e293b; - text-align: right; flex-shrink: 0; - max-width: 45%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; + font-size: 1.1rem; font-weight: 700; color: #1e293b; + flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ul-item.activo .ul-dest { color: #fff; } - .ul-item .ul-dest i { margin-right: 6px; } + .ul-item .ul-dest i { margin-right: 3px; } /* ── Video reel ── */ .reel-wrap { @@ -669,7 +668,7 @@ function renderLlamados() { ${esc(l.codigo)} ${l.paciente ? `${esc(l.paciente)}` : ''} - ${esc(l.destino)} + ${esc(l.destino)} `; }).join(''); }