fix(styles): fix akveo#372 input-group issues

tapirus · Oct 25, 2016 · a523c7c · a523c7c
1 parent b73af9a
commit a523c7c
Showing 1 changed file with 19 additions and 1 deletion.
diff --git a/src/app/theme/sass/_form.scss b/src/app/theme/sass/_form.scss
@@ -349,6 +349,10 @@ label.custom-input-danger {
   }
 }
 
+.input-group-addon {
+  line-height: inherit;
+}
+
 .form-control-feedback {
   position: absolute;
   top: 0;
@@ -367,7 +371,7 @@ label.custom-input-danger {
     padding-right: 42.5px;
   }
   label ~ .form-control-feedback {
-    top: 21px;
+    top: 19px;
     font-size: 18px;
   }
 }
@@ -393,6 +397,7 @@ label.custom-input-danger {
 
 .help-block {
   color: $help-text;
+  vertical-align: sub;
 }
 
 .help-block.error-block {
@@ -562,6 +567,19 @@ label.custom-input-danger {
   border-bottom-right-radius: 5px;
 }
 
+.input-group-btn {
+
+  &:not(:first-child) {
+    > .btn, > .btn-group {
+      margin-left: 0;
+    }
+  }
+
+  > .btn {
+    line-height: 1.56;
+  }
+}
+
 .with-primary-addon:focus {
   border-color: $primary;
 }