From 895cc78976f70408646459f5d8a4edc3361a0b4d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?"J.=20Rene=CC=81e=20Beach"?= <splendidnoise@gmail.com>
Date: Sat, 29 Sep 2012 09:13:03 -0400
Subject: [PATCH] Issue #1751150 by lewisnyman, moshe weitzman, jessebeach:
 Improve usability of forms on touch screen and small screen
 devices
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: J. Renée Beach <splendidnoise@gmail.com>
---
 core/themes/seven/style.css |   64 +++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 64 insertions(+)

diff --git a/core/themes/seven/style.css b/core/themes/seven/style.css
index 24b0035..cac33cf 100644
--- a/core/themes/seven/style.css
+++ b/core/themes/seven/style.css
@@ -736,6 +736,70 @@ ul.action-links a {
   line-height: 30px;
 }
 
+/**
+ * Improve form element usability on narrow devices.
+ */
+@media screen and (max-width: 600px) {
+  #page {
+    margin: 0 10px;
+  }
+  input.form-autocomplete,
+  input.form-text,
+  input.form-tel,
+  input.form-email,
+  input.form-url,
+  input.form-search,
+  input.form-number,
+  input.form-color,
+  input.form-file,
+  textarea.form-textarea,
+  .form-select {
+      -moz-box-sizing: border-box;
+      -webkit-box-sizing: border-box;
+      box-sizing: border-box;
+      width: 100%;
+  }
+  input.form-autocomplete,
+  input.form-text,
+  input.form-tel,
+  input.form-email,
+  input.form-url,
+  input.form-search,
+  input.form-number,
+  input.form-color,
+  input.form-file,
+  textarea.form-textarea {
+    font-size: 1.2em;
+    line-height: 1.2em;
+  }
+  .form-actions input,
+  .form-wrapper input[type="submit"] {
+    float: none;
+    margin-right: 0;
+    margin-top: 10px;
+    padding-bottom: 6px;
+    padding-top: 6px;
+    width: 100%;
+  }
+  .exposed-filters .filters,
+  .exposed-filters .form-item label,
+  .exposed-filters .form-select {
+    float: none;
+    margin-bottom: 2px;
+    width: 100%;
+  }
+  fieldset .fieldset-legend {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    width: 100%;
+  }
+  #dblog-filter-form .form-actions {
+    float: none;
+    padding: 0;
+  }
+}
+
 /* Exceptions */
 #diff-inline-form select,
 div.filter-options select {
-- 
1.7.10.4