fix(audit): add gap between action label, entity word and id

The inline whitespace between the three spans collapsed in some
browsers, producing 'удалиллидаceb8...'. Switched the inner
container to flex + gap-1.5 so the spacing is explicit.
This commit is contained in:
Telecom 2026-05-22 13:48:24 +05:00
parent 7a4f574a38
commit a92298daf2

View File

@ -234,18 +234,18 @@ onMounted(load);
<span class="text-sm font-medium text-gray-900">{{ e.actor }}</span> <span class="text-sm font-medium text-gray-900">{{ e.actor }}</span>
</div> </div>
<div class="flex-1 min-w-0 text-sm text-gray-700 truncate"> <div class="flex-1 min-w-0 text-sm text-gray-700 flex items-center gap-1.5 truncate">
<span>{{ actionMeta(e.action).label }}</span> <span>{{ actionMeta(e.action).label }}</span>
<span class="text-gray-500">{{ ENTITY_LABELS[e.entity] ?? e.entity }}</span> <span class="text-gray-500">{{ ENTITY_LABELS[e.entity] ?? e.entity }}</span>
<button <button
v-if="e.entity === 'lead'" v-if="e.entity === 'lead'"
type="button" type="button"
class="font-mono text-sky-600 hover:underline" class="font-mono text-sky-600 hover:underline truncate"
@click="gotoEntity(e)" @click="gotoEntity(e)"
> >
{{ shortId(e.entity_id) }} {{ shortId(e.entity_id) }}
</button> </button>
<span v-else class="font-mono text-gray-600">{{ e.entity_id }}</span> <span v-else class="font-mono text-gray-600 truncate">{{ e.entity_id }}</span>
</div> </div>
<div <div