.help-block is not vertically aligned with label in horizontal form

Created by: jaakritso

.help-block can be used in two ways. Next to form control and under the form control.

If used next to form control, then the vertical alignment is off (-2px).

For example check this out: http://plnkr.co/edit/VA2lXxo3V05iG3Yh6LD1?p=preview

This could be fixed with extra condition (I already added it to the plunker style.css):

// If the help-block is direct descendant of form-group align with control-label and form-control
.form-horizontal .form-group > .help-block {
  margin-top: 7px;
  margin-bottom: 8px;
}

Related to issue #14721 (closed)