diff --git a/data/index.html b/data/index.html
index 2b38b6b..6455fc8 100644
--- a/data/index.html
+++ b/data/index.html
@@ -5,7 +5,7 @@
   <title>ESP Kit</title>
   <meta http-equiv="Content-type" content="text/html; charset=utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <link rel="icon" type="image/png" sizes="16x16" href="/favicon-32x32.png">
+  <link rel="icon" type="image/png" href="/favicon-32x32.png">
   <link rel="stylesheet" type="text/css" href="styles.css">
   <script src="script.js"></script>
 </head>
diff --git a/data/script.js b/data/script.js
index 5215086..2da6246 100644
--- a/data/script.js
+++ b/data/script.js
@@ -11107,7 +11107,10 @@ class Form extends __WEBPACK_IMPORTED_MODULE_1__core_Component__["a" /* default
                 obj[item.name] = item.value;
                 return obj;
             }, {});
-        __WEBPACK_IMPORTED_MODULE_0_jquery___default.a.post(this.config.endpoint, { fileName: this.config.filename, config: JSON.stringify(data) });
+        __WEBPACK_IMPORTED_MODULE_0_jquery___default.a.post(this.config.endpoint, { fileName: this.config.filename, config: JSON.stringify(data) })
+            .done((data) => {
+                alert("data saved");
+            });
     };
 
 
diff --git a/data/styles.css b/data/styles.css
index 56f95d5..91868a7 100644
--- a/data/styles.css
+++ b/data/styles.css
@@ -21,6 +21,13 @@
 .sui > .content {
   padding: 16px;
 }
+@media screen and (min-width: 968px) {
+  .sui > .content {
+    margin-right: auto;
+    margin-left: auto;
+    width: 50%;
+  }
+}
 .sui label {
   color: #b3b2b2;
 }
@@ -150,6 +157,9 @@ input[type=range]:focus::-ms-fill-lower {
 input[type=range]:focus::-ms-fill-upper {
   background: #0eb4bb;
 }
+.form-row input[type="range"] {
+  margin-top: 12px;
+}
 /* The switch - the box around the slider */
 .switch {
   position: relative;
@@ -274,13 +284,13 @@ form .form-row input[type="checkbox"] {
   transform: scale(2);
 }
 .ColorPicker {
-  flex: none !important;
   background-color: transparent;
   border: 0;
   height: 42px;
   width: 42px;
 }
 .sui select {
+  flex: 5;
   padding: .5em;
   color: #eeeeee;
   background: none;
diff --git a/src/app/components/base/Form/Form.js b/src/app/components/base/Form/Form.js
index d5a2b29..1375ff3 100644
--- a/src/app/components/base/Form/Form.js
+++ b/src/app/components/base/Form/Form.js
@@ -61,7 +61,10 @@ export default class Form extends Component {
                 obj[item.name] = item.value;
                 return obj;
             }, {});
-        $.post(this.config.endpoint, { fileName: this.config.filename, config: JSON.stringify(data) });
+        $.post(this.config.endpoint, { fileName: this.config.filename, config: JSON.stringify(data) })
+            .done((data) => {
+                alert("data saved");
+            });
     };
 
 
diff --git a/src/pages/favicon.ico b/src/pages/favicon.ico
deleted file mode 100644
index 4b46de8..0000000
Binary files a/src/pages/favicon.ico and /dev/null differ
diff --git a/src/pages/index.html b/src/pages/index.html
index 2b38b6b..6455fc8 100644
--- a/src/pages/index.html
+++ b/src/pages/index.html
@@ -5,7 +5,7 @@
   <title>ESP Kit</title>
   <meta http-equiv="Content-type" content="text/html; charset=utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <link rel="icon" type="image/png" sizes="16x16" href="/favicon-32x32.png">
+  <link rel="icon" type="image/png" href="/favicon-32x32.png">
   <link rel="stylesheet" type="text/css" href="styles.css">
   <script src="script.js"></script>
 </head>
diff --git a/src/styles/base.less b/src/styles/base.less
index 56abe86..efbcd64 100644
--- a/src/styles/base.less
+++ b/src/styles/base.less
@@ -24,6 +24,11 @@
 
     > .content {
         padding: @default-padding;
+        @media screen and (min-width: 968px) {
+            margin-right: auto;
+            margin-left: auto;
+            width: 50%;
+        }
     }
            
     label {
diff --git a/src/styles/form/color.less b/src/styles/form/color.less
index 7c8ebf1..1173500 100644
--- a/src/styles/form/color.less
+++ b/src/styles/form/color.less
@@ -1,5 +1,4 @@
 .ColorPicker {
-    flex: none !important;
     background-color: transparent;
     border: 0;
     height: 42px;
diff --git a/src/styles/form/select.less b/src/styles/form/select.less
index 1e45eab..55373be 100644
--- a/src/styles/form/select.less
+++ b/src/styles/form/select.less
@@ -1,5 +1,6 @@
 .sui {
     select {
+        flex: 5;
         padding: .5em;
         color: @color-white;
         background: none;
diff --git a/src/styles/form/slider.less b/src/styles/form/slider.less
index 487a4bc..4133377 100644
--- a/src/styles/form/slider.less
+++ b/src/styles/form/slider.less
@@ -85,3 +85,7 @@ input[type=range]:focus::-ms-fill-lower {
 input[type=range]:focus::-ms-fill-upper {
   background: #0eb4bb;
 }
+
+.form-row input[type="range"] {
+  margin-top: 12px;
+}
\ No newline at end of file