From 98d81c3ebb612728c31ef27548dea740006c858a Mon Sep 17 00:00:00 2001
From: Lizandro Guarnizo <77708265+lizandrogd@users.noreply.github.com>
Date: Thu, 11 Jun 2026 23:14:43 -0500
Subject: [PATCH] Update display_global.php

---
 modules/turnero/views/display_global.php | 34 ++++++++++++++++--------
 1 file changed, 23 insertions(+), 11 deletions(-)

diff --git a/modules/turnero/views/display_global.php b/modules/turnero/views/display_global.php
index 8118a53..740ca4d 100644
--- a/modules/turnero/views/display_global.php
+++ b/modules/turnero/views/display_global.php
@@ -172,7 +172,7 @@ $_hasVideo  = (bool)$_tvVideo;
             height: 100%;
         }
         .ultimos-llamados .ul-label {
-            font-size: .7rem; font-weight: 700; text-transform: uppercase;
+            font-size: .8rem; font-weight: 700; text-transform: uppercase;
             letter-spacing: 2px; color: #94a3b8;
             padding: .8rem .8rem .3rem; flex-shrink: 0;
         }
@@ -181,10 +181,10 @@ $_hasVideo  = (bool)$_tvVideo;
             scrollbar-width: thin; scrollbar-color: #e2e8f0 transparent;
         }
         .ul-item {
-            padding: .5rem .6rem; border-radius: 8px;
-            margin-bottom: .25rem;
+            display: flex; align-items: center; gap: .6rem;
+            padding: .55rem .7rem; border-radius: 8px;
+            margin-bottom: .3rem;
             background: #f8fafc; border: 1px solid #e2e8f0;
-            font-size: .72rem;
         }
         .ul-item.activo {
             background: var(--brand);
@@ -193,10 +193,20 @@ $_hasVideo  = (bool)$_tvVideo;
         }
         .ul-item.activo .ul-nom,
         .ul-item.activo .ul-dest { color: rgba(255,255,255,.75); }
-        .ul-item .ul-cod { font-weight: 800; font-size: .82rem; display: block; }
-        .ul-item .ul-nom { color: #1e293b; font-weight: 600; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
-        .ul-item .ul-dest { color: #64748b; font-size: .65rem; display: block; }
-        .ul-item .ul-dest i { margin-right: 2px; }
+        .ul-item .ul-left { flex: 1; min-width: 0; }
+        .ul-item .ul-cod { font-weight: 800; font-size: 1.05rem; display: block; }
+        .ul-item .ul-nom {
+            font-size: .85rem; font-weight: 600;
+            white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
+            display: block;
+        }
+        .ul-item .ul-dest {
+            font-size: .9rem; font-weight: 700; color: #1e293b;
+            text-align: right; flex-shrink: 0;
+            max-width: 50%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
+        }
+        .ul-item.activo .ul-dest { color: #fff; }
+        .ul-item .ul-dest i { margin-right: 4px; }
 
         /* ── Video reel (9:16, alto completo, columna derecha) ── */
         .reel-wrap {
@@ -215,7 +225,7 @@ $_hasVideo  = (bool)$_tvVideo;
         }
         .reel-wrap video {
             width: 100%; height: 100%;
-            object-fit: cover;
+            object-fit: contain;
             display: block;
         }
 
@@ -622,8 +632,10 @@ function renderLlamados() {
         const isActivo = i === 0;
         const c = l.color || '<?= $_labColor ?>';
         return `<div class="ul-item${isActivo ? ' activo' : ''}"${isActivo ? ' style="--brand:' + c + '"' : ''}>
-            <span class="ul-cod">${esc(l.codigo)}</span>
-            ${l.paciente ? `<span class="ul-nom">${esc(l.paciente)}</span>` : ''}
+            <div class="ul-left">
+                <span class="ul-cod">${esc(l.codigo)}</span>
+                ${l.paciente ? `<span class="ul-nom">${esc(l.paciente)}</span>` : ''}
+            </div>
             <span class="ul-dest"><i class="fas fa-arrow-right"></i> ${esc(l.destino)}</span>
         </div>`;
     }).join('');