From 1d0d3983df98020296faa8de7a10268ac94e6ec4 Mon Sep 17 00:00:00 2001
From: jlukic <jacklukic@gmail.com>
Date: Thu, 20 Feb 2014 22:58:03 -0500
Subject: [PATCH] Form: Adds responsive mobile styling for grouped form
 elements fixes

---
 src/collections/form.less | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/src/collections/form.less b/src/collections/form.less
index 47362c347..abd3bfe91 100755
--- a/src/collections/form.less
+++ b/src/collections/form.less
@@ -507,6 +507,22 @@
   padding-right: 1%;
 }
 
+/* Swap to full width on mobile */
+@media only screen and (max-width : 767px) {
+  .ui.form .two.fields > .fields,
+  .ui.form .two.fields > .field,
+  .ui.form .three.fields > .fields,
+  .ui.form .three.fields > .field,
+  .ui.form .four.fields > .fields,
+  .ui.form .four.fields > .field,
+  .ui.form .five.fields > .fields,
+  .ui.form .five.fields > .field {
+    width: 100%;
+    padding-left: 0%;
+    padding-right: 0%;
+  }
+}
+
 .ui.form .fields .field:first-child {
   padding-left: 0%;
 }