diff --git a/app/javascript/flavours/glitch/styles/components/status.scss b/app/javascript/flavours/glitch/styles/components/status.scss index a23b8a2f1..558f7cd45 100644 --- a/app/javascript/flavours/glitch/styles/components/status.scss +++ b/app/javascript/flavours/glitch/styles/components/status.scss @@ -1047,12 +1047,12 @@ a.status-card.compact:hover { } &__line { - height: 16px - 4px; + height: 10px - 4px; border-inline-start: 2px solid lighten($ui-base-color, 8%); width: 0; position: absolute; top: 0; - inset-inline-start: 16px + ((46px - 2px) * 0.5); + inset-inline-start: 14px + ((48px - 2px) * 0.5); &--full { top: 0; @@ -1062,8 +1062,8 @@ a.status-card.compact:hover { content: ''; display: block; position: absolute; - top: 16px - 4px; - height: 46px + 4px + 4px; + top: 10px - 4px; + height: 48px + 4px + 4px; width: 2px; background: $ui-base-color; inset-inline-start: -2px; @@ -1071,8 +1071,8 @@ a.status-card.compact:hover { } &--first { - top: 16px + 46px + 4px; - height: calc(100% - (16px + 46px + 4px)); + top: 10px + 48px + 4px; + height: calc(100% - (10px + 48px + 4px)); &::before { display: none;