Remove JS input config

src/styles/_components.scss

@@ -1,13 +1,4 @@
-
-.maputnik-icon-text {
-  padding-left: $margin-1;
-}
-
-.maputnik-icon-action {
-  display: inline;
-  margin-left: $margin-1;
-}
-
+// MAP
 .maputnik-map {
   position: fixed !important;
   top: 40px;
@@ -17,21 +8,43 @@
   width: 75%;
 }
 
-.maputnik-doc-target {
-  cursor: help;
+// DOC LABEL
+.maputnik-doc {
+  &-target {
+    cursor: help;
+  }
+
+  &-wrapper{
+    display: inline-block;
+    box-sizing: border-box;
+    font-size: $font-size-6;
+    line-height: 2;
+    color: $color-lowgray;
+    user-select: none;
+    position: relative;
+    vertical-align: top;
+  }
+
+  &-popup {
+    display: none;
+    color: $color-lowgray;
+    background-color: $color-gray;
+    padding: $margin-2;
+    font-size: 10px;
+    position: absolute;
+    top: 20px;
+    left: 0px;
+    width: 120px;
+    z-index: 3;
+  }
 }
 
-.maputnik-doc-wrapper {
-  display: inline-block;
-  box-sizing: border-box;
-  font-size: $font-size-6;
-  line-height: 2;
-  color: $color-lowgray;
-  user-select: none;
-  position: relative;
-  vertical-align: top;
+.maputnik-doc-target:hover .maputnik-doc-popup {
+  display: block;
 }
 
+// BUTTON
+
 .maputnik-button {
   cursor: pointer;
   background-color: $color-midgray;
@@ -59,12 +72,16 @@
   background-color: transparent;
   &:hover {
     background-color: transparent;
+    label, svg {
+      cursor: pointer;
+    }
     svg {
       fill: $color-white;
     }
   }
 }
 
+// INPUT BLOCK
 .maputnik-input-block {
   margin: $margin-3;
 
@@ -82,7 +99,6 @@
   }
 }
 
-
 .maputnik-action-block {
   .maputnik-input-block-label {
     display: inline-block;
@@ -95,6 +111,7 @@
   }
 }
 
+// SPACE HELPER
 .maputnik-space {
 	flex-grow: 1;
 }