new design

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 {

src/styles/form/color.less

@@ -1,5 +1,4 @@
 .ColorPicker {
-    flex: none !important;
     background-color: transparent;
     border: 0;
     height: 42px;

src/styles/form/select.less

@@ -1,5 +1,6 @@
 .sui {
     select {
+        flex: 5;
         padding: .5em;
         color: @color-white;
         background: none;

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;
+}