From bc11832da1cc6958bc9c439ff38da74f599a96c6 Mon Sep 17 00:00:00 2001
From: Patrick Balsiger <frupii@gmail.com>
Date: Fri, 21 Sep 2018 01:54:37 +0200
Subject: [PATCH] new design

---
 data/index.html                      |   2 +-
 data/script.js                       |   5 ++++-
 data/styles.css                      |  12 +++++++++++-
 src/app/components/base/Form/Form.js |   5 ++++-
 src/pages/favicon.ico                | Bin 1150 -> 0 bytes
 src/pages/index.html                 |   2 +-
 src/styles/base.less                 |   5 +++++
 src/styles/form/color.less           |   1 -
 src/styles/form/select.less          |   1 +
 src/styles/form/slider.less          |   4 ++++
 10 files changed, 31 insertions(+), 6 deletions(-)
 delete mode 100644 src/pages/favicon.ico

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 4b46de8a7255c52916b7717978e5e56b615ade99..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1150
zcmZXT>uM8G5XUEM?FFGNO{rKLZAcU?w#780+l!iPx;L8yX*Bf`sX{9KXwfKW#oB&Q
z(Kiu%hCYf9u}1{I_?zq!DiZ#gIWzO0GdnX!B*kxhT=<`ry#bLa5xEL5VTtVs5quM8
zWAx6+-;Y1v<&JS>)A++)R9OcdFLFKwrusE78y|gB{eo==6gdxa?$ftS1Fi?xn<U4B
z(75kIvk{WZt{L9}Ww3%R0Pldtq?Hp!uDDSdRL)`VlA{BZQ;c~*zGi~Us*|sXuMBUG
zx?WJ<gdaJ|AEB-mIk)R3SS9v6oI=Bdqv$IN^f9F7oF;}^-21+9?vZDZ92M?<g>QlU
zw~_Nmo45rqLoS8-mVx>zpa9-bQ-NH&=ue1M-!*I*a%8#l3_J_ns+-Wlp2eS`{yA)m
z$Tt0Y1`e=q;-A4*L(k$LrKWz5RmVOC^29eZ7X2>u>x`6N!nOu4r+E6SEiJRv=Qo)V
zb4ua60<?~s%As#v`mm3#y<Ml?EZ>oTWLp36$)S9mMK0$1CAbINf5chq=G)vllKlVH
zk4?y}Gsq<|)bH2PkAU`|jc;CigZ&b^_HRJ@M?F@e&tlJzYmR<uuj!xnnEP#J@Dkn)
zY|O^Lj$DSj2=@Z=B9i&}CA|Zm?h^fXUjv)@>kc&O@iwu#KhwyiWM}kjqq9rFQsP_V
zz83q}q<_Qgt{|tdb*bk$Ijh{!+h6Ua0v>N5&>lO)>{9bSoHWq6^xh9KX=>O3AArw!
zl{)n;=r`#%@_yX6;30QRl8g5f@5u4*Lm{WY8{s|NB5#M;eB*o!c)!kPY`kBm1b+xy
ce>Z*(iJVv>hpE1)r&uQ<r*Yb=vC2{IUkNI#1^@s6

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