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 }) { />