diff --git a/src/components/status.css b/src/components/status.css index 93386fda..5dd3c6e0 100644 --- a/src/components/status.css +++ b/src/components/status.css @@ -1585,16 +1585,16 @@ a:focus-visible .card img { } .card .meta.domain { opacity: 1; - color: var(--link-color); - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; - display: block; + color: var(--text-insignificant-color); + + .domain { + color: var(--link-color); + } } -.card:visited .meta.domain { +.card:visited .meta .domain { color: var(--link-visited-color); } -.card .meta.domain * { +.card .meta .domain * { vertical-align: middle; } a.card { diff --git a/src/components/status.jsx b/src/components/status.jsx index baaceae9..971f07cc 100644 --- a/src/components/status.jsx +++ b/src/components/status.jsx @@ -2228,8 +2228,14 @@ function Card({ card, selfReferential, instance }) { />
-

- {domain} +

+ {domain}{' '} + {!!publishedAt && <>· } + {!!publishedAt && ( + <> + + + )}

{title} @@ -2301,7 +2307,15 @@ function Card({ card, selfReferential, instance }) { >

- {domain} + + {domain} + {' '} + {!!publishedAt && <>· } + {!!publishedAt && ( + <> + + + )}

{title}