+5

src/components/name-text.css

reviewed

··· 1 1 .name-text { 2 2 color: inherit; 3 3 text-decoration: none; 4 4 + display: inline-flex; 5 5 + gap: 4px; 6 6 + align-items: center; 7 7 + } 8 8 + .name-text.show-acct { 4 9 display: inline-block; 5 10 } 6 11 a.name-text:is(:hover, :focus) b,

+1 -1

src/components/name-text.jsx

reviewed

··· 36 36 37 37 return ( 38 38 <a 39 39 - class={`name-text ${short ? 'short' : ''}`} 39 39 + class={`name-text ${showAcct ? 'show-acct' : ''} ${short ? 'short' : ''}`} 40 40 href={url} 41 41 target={external ? '_blank' : null} 42 42 title={`@${acct}`}

-5

src/components/status.css

reviewed

··· 46 46 overflow: hidden; 47 47 margin-bottom: -8px; 48 48 } 49 49 - .status-pre-meta .name-text { 50 50 - display: inline-flex; 51 51 - gap: 4px; 52 52 - align-items: center; 53 53 - } 54 49 .status-pre-meta > * { 55 50 vertical-align: middle; 56 51 }