diff --git a/app/styles/overflow_hacks.scss b/app/styles/overflow_hacks.scss index 204098fca..c00096b72 100644 --- a/app/styles/overflow_hacks.scss +++ b/app/styles/overflow_hacks.scss @@ -12,10 +12,30 @@ button.column-header__button.active { } .detailed-status__wrapper .detailed-status__action-bar { - border-radius: 0; + border-radius: 0 0 10px 10px; } .slist .item-list .column-link { background-color: transparent; border-top: 1px solid var(--brand-color--med); } + +.focusable { + &:focus { + border-radius: 0 0 10px 10px; + } +} + +.focusable:focus .status.status-direct { + border-radius: 0 0 10px 10px; +} + +.status.status-direct:not(.read) { + border-radius: 0 0 10px 10px; +} + +// this still looks like shit but at least it's better than it overflowing + +.empty-column-indicator { + border-radius: 0 0 10px 10px; +}