Merge pull request #58 from smiclea/CORWEB-69

Made connection delete button red CORWEB-69

src/components/App/App.scss

@@ -155,13 +155,22 @@ button {
     background-color: #FFF;
     border: 1px solid $blue;
     &:hover {
-      opacity: 0.75;
+      color: white;
+      background: $blue;
     }
     &:global(.gray) {
+      &:hover {
+        color: white;
+        background: $gray;
+      }
       border-color: $gray;
       color: $black;
     }
     &:global(.red) {
+      &:hover {
+        color: white;
+        background: $red;
+      }
       border-color: $red;
       color: $red;
     }

src/components/CloudConnectionsView/CloudConnectionsView.js

@@ -228,7 +228,7 @@ class CloudConnectionsView extends Component {
                   <button onClick={(e) => this.validateConnection(e)}>Validate Endpoint</button>
                 </div>
                 <div className={s.rightSide}>
-                  <button onClick={(e) => this.deleteConnection(e)} className="wire" style={{ float: "right" }}>
+                  <button onClick={(e) => this.deleteConnection(e)} className="wire red" style={{ float: "right" }}>
                     Delete
                   </button>
                 </div>