simple_form: Don't hide hints on mobile. Fix #4997

Hints are displayed below their fields on small screens.
2022-03-15 14:39:37 +01:00
parent ded03df1ff
commit c3a5ce9019
1 changed files with 7 additions and 1 deletions
--- a/app/javascript/src/styles/common/simple_form.scss
+++ b/app/javascript/src/styles/common/simple_form.scss
@@ -39,7 +39,8 @@ form.simple_form {
      padding-left: 1em;

      @media (max-width: 660px) {
-        display: none;
+        padding-left: 0;
+        display: block;
      }
    }

@@ -125,6 +126,11 @@ form.inline-form {
      display: table-cell;
      line-height: 1em;
    }
+
+    span.hint {
+      line-height: 1em;
+      padding-bottom: 0.5em;
+    }
  }
 }