.narrow_dropdown {
    position: fixed;
    z-index: 3;
    width: 100%;
    display: none;
    background-color: var(--my-bg-color);
    border: 1px solid var(--my-border-color);
    border-top: none;
    box-sizing: border-box;
}

/* screens with hover: Show narrow_dropdown on hover */
/* Touch screens: Show narrow_dropdown when "active" class is added */
.narrow_dropdown.active {
    display: grid;
    grid-gap: 3px;
}

.narrow_dropdown .item {
    padding: 1px 5px 1px 5px;
    color: var(--my-font-color);
    cursor: pointer;
    font-size: 12px;
}

.narrow_dropdown .item:first-child {
    padding-top: 5px;
}

.narrow_dropdown .item:last-child {
    padding-bottom: 5px;
}

.narrow_dropdown .item:hover {
    background-color: var(--bg-light-color);
}