diff --git a/app/javascript/flavours/glitch/styles/components.scss b/app/javascript/flavours/glitch/styles/components.scss index b425fea1d..fcac924c0 100644 --- a/app/javascript/flavours/glitch/styles/components.scss +++ b/app/javascript/flavours/glitch/styles/components.scss @@ -1272,8 +1272,6 @@ body > [data-popper-placement] { .account { padding: 10px; border-bottom: 1px solid lighten($ui-base-color, 8%); - color: inherit; - text-decoration: none; .account__display-name { flex: 1 1 auto; @@ -1347,10 +1345,6 @@ body > [data-popper-placement] { align-items: center; } -.account__avatar-wrapper { - float: left; -} - .account__avatar { @include avatar-radius; @@ -1484,10 +1478,13 @@ a.status__display-name, } .detailed-status__display-name { - color: $secondary-text-color; - display: block; - line-height: 24px; - margin-bottom: 15px; + color: $darker-text-color; + display: flex; + align-items: center; + gap: 10px; + font-size: 15px; + line-height: 22px; + margin-bottom: 16px; overflow: hidden; strong, @@ -1498,16 +1495,10 @@ a.status__display-name, } strong { - font-size: 16px; color: $primary-text-color; } } -.detailed-status__display-avatar { - float: left; - margin-inline-end: 10px; -} - .status__relative-time, .detailed-status__datetime { &:hover { @@ -6134,8 +6125,7 @@ a.status-card.compact:hover { justify-content: space-between; align-items: center; background: $ui-secondary-color; - padding: 10px; - line-height: 36px; + padding: 10px; // purposefully reduce padding in glitch-soc & > div { flex: 1 1 auto; @@ -8403,7 +8393,6 @@ noscript { &--compact &__item { padding: 10px; - padding-inline-end: 28px; } }