fix: add back color panel to demo

Author: wwayne

demo/Single.js

@@ -164,7 +164,7 @@ export default class Single extends Component {
             <p>FACE</p>
             <div className="colorPanelWrapper" onClick={(e) => e.nativeEvent.stopImmediatePropagation()}>
               <i
-                className="iconfont icon-color"
+                className="iconfont icon-Color"
                 onClick={this.toggleColorPanel.bind(this, "faceColorPanelOpen")} />
               {faceColorPanelOpen &&
                 <ChromePicker
@@ -192,7 +192,7 @@ export default class Single extends Component {
             <p>HAIR</p>
             <div className="colorPanelWrapper" onClick={(e) => e.nativeEvent.stopImmediatePropagation()}>
               <i
-                className="iconfont icon-color"
+                className="iconfont icon-Color"
                 onClick={this.toggleColorPanel.bind(this, "hairColorPanelOpen")} />
               {hairColorPanelOpen &&
                 <ChromePicker
@@ -235,7 +235,7 @@ export default class Single extends Component {
             <p>Hat</p>
             <div className="colorPanelWrapper" onClick={(e) => e.nativeEvent.stopImmediatePropagation()}>
               <i
-                className="iconfont icon-color"
+                className="iconfont icon-Color"
                 onClick={this.toggleColorPanel.bind(this, "hatColorPanelOpen")} />
               {hatColorPanelOpen &&
                 <ChromePicker
@@ -363,7 +363,7 @@ export default class Single extends Component {
             <p>SHIRT</p>
             <div className="colorPanelWrapper" onClick={(e) => e.nativeEvent.stopImmediatePropagation()}>
               <i
-                className="iconfont icon-color"
+                className="iconfont icon-Color"
                 onClick={this.toggleColorPanel.bind(this, "shirtColorPanelOpen")} />
               {shirtColorPanelOpen &&
                 <ChromePicker
@@ -396,7 +396,7 @@ export default class Single extends Component {
             <p>BACKGROUND</p>
             <div className="colorPanelWrapper" onClick={(e) => e.nativeEvent.stopImmediatePropagation()}>
               <i
-                className="iconfont icon-color"
+                className="iconfont icon-Color"
                 onClick={this.toggleColorPanel.bind(this, "bgColorPanelOpen")} />
               {bgColorPanelOpen &&
                 <ChromePicker

src/hat/turban.js

@@ -6,9 +6,9 @@ export default function (props) {
     <svg
       style={{
         position: "absolute",
-        bottom: "29%",
-        left: "15.7%",
-        width: "66%",
+        bottom: "33%",
+        left: "15.8%",
+        width: "64%",
         height: "84%"
       }}
       width="240"