responsive layout: fix <input> sizes and styling.

2017-05-02 22:27:01 -05:00
parent 352a3e065f
commit 85f6590b1a
2 changed files with 11 additions and 6 deletions
--- a/app/assets/stylesheets/common/simple_form.scss
+++ b/app/assets/stylesheets/common/simple_form.scss
@@ -13,7 +13,7 @@ form.simple_form {
    margin-bottom: 1em;

    input[type=text], input[type=file], input[type=password], input[type=email] {
-      width: 20em;
+      max-width: 20em;
    }

    span.hint {
@@ -61,6 +61,7 @@ form.inline-form {
    label, input {
      display: table-cell;
      padding-right: 1em;
+      white-space: nowrap;
    }
  }
 }