diff --git a/skins/elastic/styles/widgets/common.less b/skins/elastic/styles/widgets/common.less index 8e20d69a5..8c389d266 100644 --- a/skins/elastic/styles/widgets/common.less +++ b/skins/elastic/styles/widgets/common.less @@ -72,10 +72,6 @@ font.bold { } } -.pagenav.expanded + .navlist { - border-bottom: 1px solid @color-layout-border; -} - .contact-header { display: flex; margin-bottom: 1rem; diff --git a/skins/elastic/styles/widgets/toolbar.less b/skins/elastic/styles/widgets/toolbar.less index 5c46c8999..db97d5941 100644 --- a/skins/elastic/styles/widgets/toolbar.less +++ b/skins/elastic/styles/widgets/toolbar.less @@ -180,10 +180,10 @@ content: @fa-var-user; } &.expand:before { - content: @fa-var-caret-down; + content: @fa-var-angle-right; } &.collapse:before { - content: @fa-var-caret-up; + content: @fa-var-angle-down; } &.submit:before { content: @fa-var-check; @@ -235,6 +235,7 @@ &.pagenav { display: flex; justify-content: normal !important; + align-items: center; a.button { flex-grow: 1; @@ -267,6 +268,8 @@ &.pagenav-list { cursor: pointer; + background-color: @color-searchbar-background; + border-bottom: 1px solid @color-list-border; a.button { flex-grow: unset; @@ -274,11 +277,16 @@ .pagenav-text { text-align: left; + font-size: 100%; } & + .navlist { background-color: #fbfbfb; } + + &.expanded + .navlist { + border-bottom: 1px solid @color-layout-border; + } } }