Added initial expression work and UI errors.

src/styles/_components.scss

@@ -150,13 +150,13 @@
 .maputnik-action-block {
   .maputnik-input-block-label {
     display: inline-block;
-    width: 35%;
+    width: 32%;
   }
 
   .maputnik-input-block-action {
     vertical-align: top;
     display: inline-block;
-    width: 15%;
+    width: 18%;
   }
 
   .maputnik-input-block-action > div {

src/styles/_input.scss

@@ -25,6 +25,11 @@
     resize: vertical;
     height: 78px;
   }
+
+  &--disabled {
+    background: transparent;
+    border: none;
+  }
 }
 
 .maputnik-number-container {

src/styles/_layer.scss

@@ -99,6 +99,11 @@
     }
   }
 
+
+  .maputnik-layer-list-item--error {
+    color: $color-red;
+  }
+
   &-item-selected {
     color: $color-white;
   }

src/styles/_zoomproperty.scss

@@ -5,6 +5,7 @@
   padding-bottom: 0;
   padding-top: 0;
   vertical-align: middle;
+  padding: 0 $margin-2 0 0;
 
   @extend .maputnik-icon-button;
 }
@@ -66,6 +67,7 @@
   padding-bottom: 0;
   padding-top: 0;
   vertical-align: middle;
+  padding: 0 $margin-2 0 0;
 
   @extend .maputnik-icon-button;
 }

src/styles/index.scss

@@ -34,3 +34,12 @@
   width: 14px;
   height: 14px;
 }
+
+.maputnik-inline-error {
+  color: #a4a4a4;
+  padding: 0.4em 0.4em;
+  font-size: 0.9em;
+  border: solid 1px $color-red;
+  border-radius: 2px;
+  margin: $margin-2 0px;
+}