From de08e374482c794442149ba337f8954977751a3d Mon Sep 17 00:00:00 2001
From: Felix Gliesche <felix.gliesche@plan.io>
Date: Tue, 24 Mar 2015 19:13:24 +0100
Subject: [PATCH] Add responsiveness to tabular forms

---
 public/stylesheets/responsive.css | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)

diff --git a/public/stylesheets/responsive.css b/public/stylesheets/responsive.css
index 53a7f13..4de3175 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
 
 */
 
@@ -731,4 +732,29 @@
         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%;
+    }
 }
-- 
1.9.3 (Apple Git-50)