refactor(config) #config -> .config

css/config.css

@@ -1,4 +1,4 @@
-#config {
+.config {
     white-space: normal;
 }
 
@@ -10,7 +10,7 @@
     user-select: none;
 }
 
-#config .form-control{
+.config .form-control{
     padding: 0 12px;
     font-size: 16px;
     line-height: 1.428571429;
@@ -23,35 +23,35 @@
     transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
 }
 
-#config .form-control:focus {
+.config .form-control:focus {
     border-color: #66afe9;
     outline: 0;
     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 1px rgba(102, 175, 233, 0.6);
     box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 1px rgba(102, 175, 233, 0.6);
 }
 
-#config .form-control:-moz-placeholder {
+.config .form-control:-moz-placeholder {
     color: #999999;
 }
 
-#config .form-control::-moz-placeholder {
+.config .form-control::-moz-placeholder {
     color: #999999;
 }
 
-#config .form-control:-ms-input-placeholder {
+.config .form-control:-ms-input-placeholder {
     color: #999999;
 }
 
-#config .form-control::-webkit-input-placeholder {
+.config .form-control::-webkit-input-placeholder {
     color: #999999;
 }
 
-#config .list {
+.config .list {
     text-align:left;
     margin: 5%;
 }
 
-#config .border{
+.config .border{
     width   : 300px;
     margin  : 10% auto;
 }

lib/client/config.js

@@ -66,9 +66,9 @@ var CloudCmd, Util, DOM;
                 changeConfig(obj);
                 data    = Util.render(TEMPLATE, obj);
                 div     = DOM.anyload({
-                    name    : 'div',
-                    id      : 'config',
-                    inner   : data.toString()
+                    name        : 'div',
+                    className   : 'config',
+                    inner       : data.toString()
                 });
                 
                 li      = DOM.getByTag(INPUT, div);