audio streaming app
plyr.fm
fix: activity card vertical alignment — avatar, icon, text centered (#1013)
line-height: 0 on avatar link and action icon removes extra inline
space from SVGs. explicit line-height: 1.2 on handle-link and
event-action keeps text midpoints consistent with icon/avatar centers.
Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>
authored by
Claude Opus 4.6
and committed by
GitHub
f5b7e162
349b93fe
+4
-3
frontend/src/routes/activity/+page.svelte
+4
-3
frontend/src/routes/activity/+page.svelte
···
404
404
display: flex; align-items: center; gap: 0.375rem;
405
405
min-width: 0;
406
406
}
407
-
.header-avatar-link { flex-shrink: 0; text-decoration: none; }
407
+
.header-avatar-link { flex-shrink: 0; text-decoration: none; line-height: 0; }
408
408
.header-avatar {
409
409
width: 20px; height: 20px; border-radius: 50%;
410
410
object-fit: cover; display: block;
···
417
417
.handle-link {
418
418
color: var(--text-primary); font-weight: 600; font-size: var(--text-sm);
419
419
text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
420
+
line-height: 1.2;
420
421
}
421
422
.handle-link:hover { color: var(--accent); }
422
423
.event-time { flex-shrink: 0; font-size: var(--text-xs); color: var(--text-muted); white-space: nowrap; }
423
424
.event-action {
424
425
font-size: var(--text-sm); color: var(--text-tertiary); margin: 0;
425
-
line-height: 1.4; display: flex; align-items: center; gap: 0.375rem;
426
+
line-height: 1.2; display: flex; align-items: center; gap: 0.375rem;
426
427
}
427
-
.action-icon { flex-shrink: 0; opacity: 0.6; color: var(--type-color); }
428
+
.action-icon { flex-shrink: 0; opacity: 0.6; color: var(--type-color); line-height: 0; }
428
429
.verb {
429
430
font-size: var(--text-xs);
430
431
color: color-mix(in srgb, var(--text-tertiary) 70%, var(--accent));