/* .color-select{
    background-image:url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18'>\
<polygon points='2,4 16,4 9,14' fill='black'/></svg>");
    background-repeat:no-repeat;
    background-position:right 8px center;
} */

.color-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

button{
    padding:8px 16px;        /* smaller than before */
    font-size:14px;          /* closer to default */
    border:1px solid #888;
    background:#f7f7f7;
    border-radius:0;         /* square */
    cursor:pointer;
}

/* very subtle feedback */
button:hover{
    background:#efefef;
}

button:active{
    background:#e5e5e5;
}
.row-buttons{
    margin-top:8px;
    display:flex;
    gap:8px;
}