Reduce size of color panel

Do you feel like this is a little big?



Add CSS to resize smaller

Code:

a.sceditor-color-option {
    border: 0 none!important;
    width: 8px;
    height: 4px;
}

Now, it becomes difficult to choose

Add the following CSS

Code:

a.sceditor-color-option:hover:after {
    content: " ";
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
    top: -26px;
    background: inherit;
    border: 1px solid #FFF;
}

Problem solved. Do you like it?