fix: improve advert type badge and observer count UX

- Move route type badge left of observer count on mobile cards
- Hide route type badge when unknown instead of showing 'Unknown'
- Change observer count badge to badge-primary for visibility
- Remove satellite dish icon from observer count badge
This commit is contained in:
Louis King
2026-05-15 21:05:08 +01:00
parent 9afff5bc70
commit ec897e21e8
2 changed files with 2 additions and 2 deletions
@@ -542,7 +542,7 @@ export function observerIcons(observers) {
if (!observers || observers.length === 0) return nothing;
const names = observers.map(o => o.tag_name || o.name || truncateKey(o.public_key, 8));
const tooltip = names.join(', ');
return html`<span class="observer-badge-group">\u{1F4E1}<span class="badge badge-sm badge-ghost cursor-help observer-badge" title=${tooltip}>${observers.length}</span></span>`;
return html`<span class="badge badge-sm badge-primary cursor-help observer-badge" title=${tooltip}>${observers.length}</span>`;
}
/**
@@ -140,8 +140,8 @@ ${displayContent}`, container);
<div class="text-right flex-shrink-0">
<div class="text-xs opacity-60">${formatDateTimeShort(ad.received_at)}</div>
<div class="flex items-center justify-end gap-1">
${receiversBlock}
${routeTypeBadge(ad.route_type)}
${receiversBlock}
</div>
</div>
</div>