CSS: Clarify disabled state

Author: flourish86

public/css/detail/event-rule-detail.less

@@ -66,6 +66,10 @@
       &:first-child:before {
         content: "";
         display: block;
+        top: 50%;
+      }
+
+      &:first-child:last-child:before {
         top: calc(~"50% - 1em");
       }
 
@@ -402,10 +406,11 @@
       margin-left: 1em;
 
       &:disabled {
-        background: @gray-light;
+        background: @gray-lighter;
         color: @disabled-gray;
         cursor: not-allowed;
         border-color: transparent;
+        opacity: .5;
       }
 
       &.btn-remove {
@@ -428,9 +433,10 @@
 .remove-escalation-form {
   button[disabled] {
     &:disabled {
-      background: @gray-light;
+      background: @gray-lighter;
       color: @disabled-gray;
       cursor: not-allowed;
+      opacity: .5;
     }
   }
 }

public/css/form.less

@@ -15,6 +15,14 @@
     border-radius: 0;
     border: none;
   }
+
+  .form-controls {
+    margin-top: 2em;
+
+    .btn-remove {
+      margin-right: auto;
+    }
+  }
 }
 
 .entry-form {
@@ -77,3 +85,21 @@
     content: "\f0c0";
   }
 }
+
+.icinga-form {
+  .form-controls {
+    .btn-remove:not(:hover) {
+      border-color: transparent;
+    }
+
+    .btn-default {
+      background: @low-sat-blue;
+      color: @icinga-blue;
+      border-color: transparent;
+
+      &:hover {
+        background: @low-sat-blue-dark;
+      }
+    }
+  }
+}