diff --git a/src/components/translation-block.css b/src/components/translation-block.css index cbed2b8b..943ce531 100644 --- a/src/components/translation-block.css +++ b/src/components/translation-block.css @@ -55,7 +55,8 @@ var(--bg-faded-blur-color) ); white-space: pre-wrap; - box-shadow: inset 0 0 0 1px var(--bg-color), + box-shadow: + inset 0 0 0 1px var(--bg-color), 0 1px 5px -2px var(--drop-shadow-color); text-shadow: 0 1px var(--bg-color); } @@ -111,18 +112,15 @@ /* MINI */ .status-translation-block-mini { + width: fit-content; display: flex; margin: 8px 0 0; - padding: 8px 0 0; + padding: 4px 0 0; font-size: 90%; - border-top: var(--hairline-width) solid var(--outline-color); - color: var(--text-insignificant-color); + border-top: 1px dashed var(--outline-stronger-color); gap: 8px; - transition: color 0.3s ease-in-out; } .status-translation-block-mini .icon { + color: var(--text-insignificant-color); margin-top: 2px; } -.status:is(:hover, :active) .status-translation-block-mini { - color: var(--text-color); -}