From c3a5ce9019ae0690c38c97a211ffc4e48eca2cb4 Mon Sep 17 00:00:00 2001
From: NamelessContributor <NamelessContributor@users.noreply.github.com>
Date: Tue, 15 Mar 2022 14:39:37 +0100
Subject: [PATCH] simple_form: Don't hide hints on mobile. Fix #4997

Hints are displayed below their fields on small screens.
---
 app/javascript/src/styles/common/simple_form.scss | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/app/javascript/src/styles/common/simple_form.scss b/app/javascript/src/styles/common/simple_form.scss
index 7ceba5e6e..1b2ff82a0 100644
--- 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;
+    }
   }
 }