Fixes #7885 and #7886: only right align horizontal form labels when above 768px

1 files changed, 6 insertions, 0 deletions

diff --git a/less/forms.less b/less/forms.less
index 173520000..dacc4bb50 100644
--- a/less/forms.less
+++ b/less/forms.less
@@ -478,6 +478,12 @@ select:focus:invalid {
   }
   .row-label {
     padding-top: 6px;
+  }
+}
+
+// Only right aline form labels here when the columns stop stacking
+@media (min-width: 768px) {
+  .form-horizontal .row-label {
     text-align: right;
   }
 }