diff --git a/static/index.html b/static/index.html index 4bf048a..26ce5a8 100644 --- a/static/index.html +++ b/static/index.html @@ -396,7 +396,7 @@ ASSET LIST ITEMS (shared) ═══════════════════════════════════════════════════════════════════════ */ .asset-item { - display: flex; align-items: center; gap: 12px; padding: 12px; + display: flex; align-items: flex-start; gap: 12px; padding: 14px 12px; border-bottom: 1px solid rgba(255,255,255,0.04); cursor: pointer; transition: background 0.15s; } @@ -415,8 +415,10 @@ .asset-item .ai-icon.cat-Equipment { background: #2a1a2e; } .asset-item .ai-icon.cat-Other { background: #1a1b26; } .asset-item .ai-info { flex: 1; min-width: 0; } - .asset-item .ai-name { font-weight: 600; font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } - .asset-item .ai-meta { font-size: 12px; color: var(--text2); margin-top: 2px; } + .asset-item .ai-name { font-weight: 600; font-size: 14px; line-height: 1.3; } + .asset-item .ai-address { font-size: 12px; color: var(--text2); margin-top: 2px; } + .asset-item .ai-location { font-size: 11px; color: var(--text3); margin-top: 1px; } + .asset-item .ai-meta { font-size: 12px; color: var(--text2); margin-top: 3px; } .asset-item .ai-arrow { color: var(--text2); font-size: 18px; } /* status tag */ @@ -3701,6 +3703,8 @@
${icon}
${esc(a.name)}
+ ${a.address ? `
📍 ${esc(a.address)}
` : ''} + ${(a.floor || a.building_number || a.building_name || a.room) ? `
${[a.floor, a.building_number, a.building_name, a.room].filter(Boolean).join(' · ')}
` : ''}
${esc(a.machine_id)}${a.serial_number ? ' · S/N: ' + esc(a.serial_number) : ''} ${a.make ? ' · ' + esc(a.make) : ''}