.manage { display: flex; } .manage__sidebar { flex: 0 0 auto; width: 280px; } .manage__content { flex: 1 1 auto; } .manage__description { font-size: .9em; margin: 1px 2px; border-bottom: 1px solid var(--accent-colour); padding: 2px 5px; } @media (max-width: 800px) { .manage { flex-direction: column; } .manage__sidebar { width: 100%; } } @include manage/ban.css; @include manage/bans.css; @include manage/blacklist.css; @include manage/changelog-actions-tags.css; @include manage/emote.css; @include manage/emotes.css; @include manage/navigation.css; @include manage/note.css; @include manage/notes.css; @include manage/role-item.css; @include manage/roles.css; @include manage/settings.css; @include manage/statistic.css; @include manage/statistics.css; @include manage/tag.css; @include manage/tags.css; @include manage/user-item.css; @include manage/user.css; @include manage/users.css; @include manage/warning.css; @include manage/warnings.css;