From 0fdf10d7b25dc6ad5e852653ea584022a7095b8e Mon Sep 17 00:00:00 2001
From: George <george@MacBook-Air-de-George.local>
Date: Mon, 19 Oct 2026 18:55:13 -0500
Subject: [PATCH] =?UTF-8?q?feat(web):=20en=20los=20campos=20de=20lista=20c?=
 =?UTF-8?q?on=20nombre=20el=20c=C3=B3digo=20es=20un=20casillero=20corto=20?=
 =?UTF-8?q?y=20el=20nombre=20ocupa=20el=20resto,=20alineados=20en=20todas?=
 =?UTF-8?q?=20las=20filas?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
---
 apps/web/src/app/shared/form/lookup-field.ts | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/web/src/app/shared/form/lookup-field.ts b/apps/web/src/app/shared/form/lookup-field.ts
index fe9f1a6..3dc1df9 100644
--- a/apps/web/src/app/shared/form/lookup-field.ts
+++ b/apps/web/src/app/shared/form/lookup-field.ts
@@ -41,6 +41,7 @@ const NAMES = new Map<string, string>();
     >
       <sbo-input
         #box
+        [width]="lookup().nameKey ? '96px' : undefined"
         [value]="shown()"
         (valueChange)="typing($event)"
         [readonly]="readOnly()"
@@ -59,8 +60,8 @@ const NAMES = new Map<string, string>();
       >
         …
       </button>
-      @if (name()) {
-        <span class="name" [attr.title]="name()">{{ name() }}</span>
+      @if (lookup().nameKey) {
+        <sbo-input readonly [attr.title]="name()" [ariaLabel]="'Nombre de ' + label()" [value]="name()" />
       }
     </sbo-field>
     <sbo-value-help
@@ -78,7 +79,6 @@ const NAMES = new Map<string, string>();
   `,
   styles: `
     :host { display: block; }
-    .name { align-self: center; margin-left: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--quiet); }
   `,
 })
 export class LookupField extends FieldBase {