From 85f6590b1a83651d7c98a1d9cf2c0278b3bea6cb Mon Sep 17 00:00:00 2001
From: evazion <noizave@gmail.com>
Date: Tue, 2 May 2017 22:27:01 -0500
Subject: [PATCH] responsive layout: fix <input> sizes and styling.

---
 app/assets/stylesheets/common/responsive.scss  | 14 +++++++++-----
 app/assets/stylesheets/common/simple_form.scss |  3 ++-
 2 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/app/assets/stylesheets/common/responsive.scss b/app/assets/stylesheets/common/responsive.scss
index 9bc2a15c1..b5def7123 100644
--- a/app/assets/stylesheets/common/responsive.scss
+++ b/app/assets/stylesheets/common/responsive.scss
@@ -44,15 +44,19 @@
     }
   }
 
+  /* Make the quick search box in the navbar full width. */
+  header#top menu form input {
+    width: auto;
+  }
+
   h1 {
     display: none;
   }
 
-  input[type=text], input[type=submit] {
-    font-size: 18pt;
-    border-color: default;
-    border-style: solid;
-    border-width: .1rem;
+  form {
+    input[type=text], input[type=submit], select {
+      font-size: 1.5em;
+    }
   }
 
   div#page section#content {
diff --git a/app/assets/stylesheets/common/simple_form.scss b/app/assets/stylesheets/common/simple_form.scss
index 81b2616c4..0efa07c42 100644
--- 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;
     }
   }
 }