diff --git a/app/javascript/flavours/glitch/styles/components.scss b/app/javascript/flavours/glitch/styles/components.scss index 4496179d6d..83011bacea 100644 --- a/app/javascript/flavours/glitch/styles/components.scss +++ b/app/javascript/flavours/glitch/styles/components.scss @@ -3104,24 +3104,31 @@ $ui-header-height: 55px; } } - .layout-single-column .ui__header { - display: flex; - background: var(--background-color-tint); - border-bottom: 1px solid var(--background-border-color); - } + .layout-single-column { + .ui__header { + display: flex; + background: var(--background-color-tint); + border-bottom: 1px solid var(--background-border-color); + } - .column > .scrollable, - .tabs-bar__wrapper .column-header, - .tabs-bar__wrapper .column-back-button { - border-left: 0; - border-right: 0; - } + .column > .scrollable, + .tabs-bar__wrapper .column-header, + .tabs-bar__wrapper .column-back-button { + border-left: 0; + border-right: 0; + } - .column-header, - .column-back-button, - .scrollable, - .error-column { - border-radius: 0 !important; + .column-header, + .column-back-button, + .scrollable, + .error-column { + border-radius: 0 !important; + } + + .column-header, + .column-back-button { + border-top: 0; + } } } @@ -3680,10 +3687,6 @@ $ui-header-height: 55px; &:hover { text-decoration: underline; } - - @media screen and (max-width: $no-gap-breakpoint) { - border-top: 0; - } } .column-header__back-button { @@ -4470,10 +4473,6 @@ a.status-card { padding-top: 16px; } } - - @media screen and (max-width: $no-gap-breakpoint) { - border-top: 0; - } } .column-header__buttons {