Disable pointer events when disabled button is active

Add noPadding helper to CDB-Button

.travis.yml

@@ -1,7 +1,7 @@
 cache: false
 language: node_js
 node_js:
-  - "4.1"
+  - "6.14.2"
 
 install:
   - npm install

src/scss/cdb-components/_buttons.scss

@@ -175,9 +175,17 @@ Layout Component:
   &.is-disabled {
     opacity: 0.24;
     cursor: default;
+
+    &:active {
+      pointer-events: none;
+    }
   }
 }
 
+.CDB-Button--noPadding {
+  padding: 0;
+}
+
 .CDB-Button--loading {
   .CDB-Button-loader {
     position: absolute;

src/scss/cdb-components/forms/_selects.scss

@@ -77,10 +77,10 @@
   box-sizing: border-box;
 
   &:hover {
-    border: 1px solid $cHoverLine;
+    border: 1px solid $cBlueHover;
   }
   &:focus {
-    border: 1px solid $cBlue;
+    border: 1px solid $cBlackHover;
     outline: none;
   }
   &:disabled {
@@ -90,6 +90,10 @@
   &.has-error {
     @include default-form-error-style();
   }
+
+  &.is-cursor {
+    cursor: pointer;
+  }
 }
 
 .CDB-FieldError .CDB-Select,

src/scss/cdb-utilities/_helpers.scss

@@ -44,6 +44,9 @@
 .u-lSpace--xl {
   margin-left: 12px;
 }
+.u-lSpace--xxl {
+  margin-left: 16px;
+}
 
 .u-ellipsis {
   text-overflow: ellipsis;