Fix mobile form field spacing #3913

Semantic-Org · May 15, 2016 · d8bdcaf · d8bdcaf
1 parent 8b94e93
commit d8bdcaf
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/RELEASE-NOTES.md b/RELEASE-NOTES.md
@@ -58,6 +58,7 @@
 - **Dropdown** - Long dropdown text entry with `allowAdditions` would cause input to mistakingly drop to next line early #3743
 - **Dropdown** - Seach selection would lose search input focus when clicking on a choice #3790
 - **Embed** - `API` setting is now disabled by default
+- **Form** - Fix `equal width fields` sometimes not including right field spacing on mobile #3913
 - **Form** - Grouped `fields` and `field` would cause different margin collapse, making `fields` include larger gaps between content #3717
 - **Form** - Fixed issue where `inline` field was not being correctly inverted in color with `inverted form` #4004 #4005 **Thanks @tbracken**
 - **Form** - Remove deprecated `size()` method in `prompt` #3655 **Thanks @SimonArdrey**

diff --git a/src/definitions/collections/form.less b/src/definitions/collections/form.less
@@ -809,6 +809,9 @@
   .ui.form .fields {
     flex-wrap: wrap;
   }
+
+  .ui[class*="equal width"].form .fields > .field,
+  .ui.form [class*="equal width"].fields > .field,
   .ui.form .two.fields > .fields,
   .ui.form .two.fields > .field,
   .ui.form .three.fields > .fields,
@@ -828,7 +831,7 @@
   .ui.form .ten.fields > .fields,
   .ui.form .ten.fields > .field {
     width: @oneColumn !important;
-    margin: @fieldsMargin;
+    margin: 0em 0em @rowDistance;
   }
 }
 
@@ -916,6 +919,9 @@
   .ui.form .fields > .sixteen.wide.field {
     width: @oneColumn !important;
   }
+  .ui.form .fields {
+    margin-bottom: 0em;
+  }
 }
 
 /*--------------------