-.requests-menu-header-button:not(:active)[sorted=descending] {
- background-image: radial-gradient(farthest-side at center bottom, rgba(0,0,0,.7), rgba(0,0,0,0.3));
- background-size: 100% 1px;
- background-repeat: no-repeat;
- background-position: bottom;
+.requests-menu-header-button[sorted=descending] > .button-box > .button-icon,
+.requests-menu-header-button[sorted=descending] #requests-menu-waterfall-image {
+ list-style-image: var(--sort-descending-image);
+}
+
+.requests-menu-header-button[data-sorted=descending] > .button-icon {
+ background-image: var(--sort-descending-image);
+}
+
+.requests-menu-header-button > .button-box > .button-text,
+#requests-menu-waterfall-label-wrapper {
+ -moz-box-flex: 1;
+}
+
+.requests-menu-waterfall-label-wrapper {
+ display: flex;
+}
+
+.requests-menu-header-button[sorted],
+.requests-menu-header-button[sorted]:hover,
+.requests-menu-header-button[data-sorted],
+.requests-menu-header-button[data-sorted]:hover {
+ background-color: var(--theme-selection-background);
+ color: var(--theme-selection-color);
+}
+
+.requests-menu-header-button[sorted],
+.requests-menu-header[active] + .requests-menu-header .requests-menu-header-button,
+.requests-menu-header-button[data-sorted],
+.requests-menu-header[data-active] + .requests-menu-header .requests-menu-header-button {
+ border-image: linear-gradient(var(--theme-splitter-color), var(--theme-splitter-color)) 1 1;