.list-controls { .container { display: flex; flex-wrap: wrap; align-items: center; #create-topic { box-sizing: border-box; display: flex; align-self: stretch; align-items: center; } } .navigation-container { display: flex; flex-wrap: wrap; width: 100%; margin: 0; } .nav-pills { flex: 1 1 auto; margin: 0 3px 5px 3px; position: relative; .list-control-toggle-link-trigger { font-size: var(--font-up-1-rem); font-weight: bold; color: var(--primary-high); padding: 0; &:hover, &:focus { background: none; } .d-icon { color: inherit; font-size: var(--font-down-2); margin-left: 0.5em; } } > li { margin-right: 0; } > li > a { line-height: var(--line-height-large); display: flex; align-items: center; .d-icon { margin-left: 5px; margin-right: 0; } } } } .list-container .full-width { margin-left: 0; } .fk-d-menu-modal.list-control-toggle-link-content { .d-modal { &__body { padding-block: 0.75rem; } } .dropdown-menu { display: flex; flex-direction: column; a { display: block; color: var(--primary); &.active { background: var(--d-selected); font-weight: bold; } } } }