From 23654b57ee9cfb5880efc2a20851224380a3439c Mon Sep 17 00:00:00 2001
From: snlavaise <snlavaise@gmail.com>
Date: Tue, 11 Aug 2026 20:37:16 +0000
Subject: [PATCH] Actualizar header de Pendientes de Sala al estilo
 NuevoIngreso con boton de volver de solo icono

---
 src/sections/PendientesSala.tsx | 15 +++++++--------
 1 file changed, 7 insertions(+), 8 deletions(-)

diff --git a/src/sections/PendientesSala.tsx b/src/sections/PendientesSala.tsx
index 4af18bb..628d17a 100644
--- a/src/sections/PendientesSala.tsx
+++ b/src/sections/PendientesSala.tsx
@@ -144,23 +144,22 @@ export function PendientesSala({
   return (
     <div className="space-y-6 dark:text-white">
       {/* Header */}
-      <div className="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4">
+      <div className="flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4">
         <div className="flex items-center gap-3">
-          <Button variant="outline" size="sm" onClick={onVolver} className="gap-1.5">
-            <ArrowLeft className="h-4 w-4" />
-            Volver
+          <Button variant="ghost" size="icon" onClick={onVolver} className="shrink-0">
+            <ArrowLeft className="h-5 w-5" />
           </Button>
           <div>
-            <h1 className="text-2xl font-bold text-gray-900 dark:text-white flex items-center gap-2.5">
-              <ListTodo className="h-7 w-7 text-blue-600 dark:text-blue-400 shrink-0" />
+            <h1 className="text-xl sm:text-2xl font-bold text-gray-900 dark:text-white flex items-center gap-2">
+              <ListTodo className="h-6 w-6 text-blue-600 dark:text-blue-400 shrink-0" />
               Pendientes de Sala
             </h1>
-            <p className="text-gray-500 dark:text-gray-400 text-sm">
+            <p className="text-sm text-gray-500 dark:text-gray-400">
               Gestión y seguimiento de pendientes de todos los pacientes internados ({pendientesSala.filter(p => p.estado === 'pendiente').length} pendientes activos)
             </p>
           </div>
         </div>
-        <div className="flex items-center gap-2">
+        <div className="flex items-center gap-2 w-full sm:w-auto justify-end">
           <Button variant="outline" onClick={handleCopiarPendientes} className="gap-2">
             <Copy className="h-4 w-4" />
             Copiar Pendientes Activos