Clean all sizes, fonts and colors into style.js

website/src/ui/PanelButton.js

@@ -13,8 +13,8 @@ class PanelButton extends Component {
 
   static style = {
     button: {
-      borderWidth: 2,
-      borderRadius: '10px',
+      borderWidth: sizeInfo.panelButtonBorderWidth,
+      borderRadius:  sizeInfo.panelButtonBorderRadius,
       padding: '0 0 0 0',
       background: colorInfo.panelButtonBackground,
       verticalAlign: 'middle',
@@ -23,7 +23,7 @@ class PanelButton extends Component {
         background: colorInfo.panelButtonBackgroundHover,
       },
       ':disabled': {
-        background: colorInfo.disabledPanelButtonBackground,
+        background: colorInfo.panelDisabledButtonBackground,
       },
       ':active': {
         borderWidth: 0,
@@ -38,11 +38,11 @@ class PanelButton extends Component {
     return (
       <button type='button'
         style={[
-          PanelButton.style.button, { height: sizeInfo.panelButtonSize, width: sizeInfo.panelButtonSize }
+          PanelButton.style.button, { height: sizeInfo.panelButton, width: sizeInfo.panelButton }
         ]}
         onClick={onClick}>
         <div style={{ position: 'relative' }}>
-          <Icon name={icon} size={sizeInfo.panelIconSize} margin={0} />
+          <Icon name={icon} size={sizeInfo.panelButtonIcon} margin={sizeInfo.panelButtonIconMargin} />
           <span style={{
             position: 'absolute',
             top: sizeInfo.panelTextOffset,