views: fix positioning of form hints.

Position <span class="hint"> elements to the right of normal <input>
elements and underneath <textarea> elements. Fixes form hints being
badly positioned on some pages.

app/javascript/src/styles/common/simple_form.scss

@@ -20,11 +20,18 @@ form.simple_form {
       max-width: 20em;
     }
 
-    span.hint {
-      display: block;
+    .hint {
+      padding-left: 1em;
       font-size: 70%;
     }
 
+    &.text {
+      .hint {
+        padding-left: 0em;
+        display: block;
+      }
+    }
+
     textarea {
       width: 70%;
       font-size: 1.2em;