Fix outline of form controls

public/css/icinga/forms.less

@@ -1,20 +1,34 @@
 /*! Icinga Web 2 | (c) 2013-2015 Icinga Development Team | GPLv2+ */
 
-input {
+input:not([type]),
+input[type=text],
+input[type=date],
+input[type=datetime-local],
+input[type=email],
+input[type=number],
+input[type=password],
+input[type=search],
+input[type=tel],
+input[type=time],
+input[type=url] {
+  .box-shadow(0 1px 0 0 @gray-light);
   .transition(border 0.3s ease);
 
   border: none;
   border-bottom: 1px solid @gray-light;
-  color: inherit;
-  display: inline-block;
+  outline: none;
   padding: @vertical-padding / 2 @horizontal-padding / 2;
 
-  &:focus {
+  &:focus:not([readonly]) {
     border-color: @icinga-blue;
-    outline: none;
   }
 }
 
+.control-button,
+input[type="submit"] {
+  .button();
+}
+
 input:-moz-placeholder { // FF 18-
   color: inherit;
   opacity: 1;
@@ -52,12 +66,6 @@ input, select, textarea {
   width: 20em;
 }
 
-input[type="checkbox"],
-input[type="radio"],
-input[type="submit"] {
-  width: initial;
-}
-
 // TODO(el): .form-inline control-group { display: inline-block; }
 form.inline {
   .control-group {
@@ -73,12 +81,6 @@ form.inline {
   margin-left: 10em;
 }
 
-
-.control-button,
-input[type="submit"] {
-  .button();
-}
-
 button:hover .icon-cancel {
   color: @color-critical;
 }