added prop separation and fixed firefox colorpick

separates props into a left and right side,to use it add an S after the
first id and add the second id after the S.