From 0d58591338036ca1cc0747168dc4b03c844cb14b Mon Sep 17 00:00:00 2001
From: Jean-Philippe Lang <jp_lang@yahoo.fr>
Date: Sat, 7 Nov 2015 13:46:55 +0000
Subject: [PATCH] Add responsiveness to tabular forms (#19097).

Patch by Felix Gliesche.

git-svn-id: http://svn.redmine.org/redmine/trunk@14825 e93f8b46-1217-0410-a6f0-8f06a7374b81
---
 public/stylesheets/responsive.css | 27 +++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)

diff --git a/public/stylesheets/responsive.css b/public/stylesheets/responsive.css
index 199561f0f..2ef7e495e 100644
--- a/public/stylesheets/responsive.css
+++ b/public/stylesheets/responsive.css
@@ -13,6 +13,7 @@
     D) TOGGLE BUTTON & FLYOUT MENU
     E) UX ELEMENTS
     F) PAGE SPECIFIC STYLES
+    G) FORMS
 
 */
 
@@ -737,4 +738,30 @@
     {
         margin: 0;
     }
+
+    /*----------------------------------------*\
+        G) FORMS
+    \*----------------------------------------*/
+
+    /* tabular forms resets for mobile */
+    .box.tabular p {
+        padding-left: 0;
+    }
+
+    .box.tabular label {
+        display: block;
+        width: 100%;
+        margin-left: 0;
+        text-align: left;
+    }
+
+    .box.tabular input, .box.tabular select, .box.tabular textarea {
+        width: 100%;
+        max-width: 100%;
+    }
+
+    .box.tabular input[type="checkbox"] {
+        width: auto;
+        max-width: 95%;
+    }
 }