@media (min-width: 992px) {
    body.logged-in #main-view {
        display: flex;
    }

    body.logged-in #sidebar {
        position: sticky;
        top: 5rem;
        margin-right: 3rem;
    }

    body:not(.logged-in) #sidebar {
        display: none;
    }
}

body:not(.logged-in) .user-dropdown {
    display: none;
}

td.text-end > a > svg {
    fill: currentColor;
    height: 1em;
    margin-left: 0.5em;
    margin-bottom: 4px; /* to centre the icon */
}

/* if an item name is super long, ensure it doesn't prevent the user from using actions */
.card-body {
    overflow: auto;
}