Changed styles to add a "middle" class to list items

Assigned a middle class to list items instead of floating one left and
one right; had tried flex box but when an item was removed, it justified
the boxes and they were no longer left-aligned in relation to the input
box. Also, with the float left and float right method, when the middle
item was removed, it left an empty space; assigning pick colors was also
complicated