.datalist {
    background-color: var(--c1);
    color: var(--text-color);
    
    margin-left: 20px;
}

.datalist .row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    
    align-items: center;
    cursor: pointer;
}

.datalist .row > * {
    margin: 0px 2px;
}

.datalist .row:hover {
    background-color: var(--cimportant) !important;
    color: var(--text-important);
}

.datalist .row:hover > button {
    color: var(--text-icolor) !important;
}

.datalist .row > div {
    order: 1;
}

.datalist .row > button {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    background-color: transparent;
    font-weight: bold;
    border: 0;
    width: 20px;
    height: 20px;
    box-shadow: none;

    order: 0;
}