/*Navigation buttons style for smaller screen sizes*/
@media screen and (max-width: 543px) {
    .nav-buttons-container {
        display: flex;
        justify-content: center;
        align-content: center;
        flex-direction: column;
        padding: 0 1px;
    }

        .nav-buttons-container > div {
            width: 100% !important;
        }

    .nav-button {
        border-radius: 4px !important;
    }
}

/*History list*/
.history-list {
    max-height: 30rem;
    overflow-y: auto;
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid var(--light-gray);
}