update to inline fields

build/uncompressed/collections/form.css

@@ -313,7 +313,6 @@
   box-shadow: none;
 }
 /* Other Combinations */
-.ui.form .fields .field,
 .ui.form .two.fields .field {
   width: 50%;
   padding-left: 1%;
@@ -344,6 +343,9 @@
 /*--------------------
     Inline Fields
 ---------------------*/
+.ui.form .inline.fields .field {
+  margin-right: 1.5em;
+}
 .ui.form .inline.fields .field > label,
 .ui.form .inline.fields .field > p,
 .ui.form .inline.fields .field > input,

node/src/documents/collections/form.html

@@ -5,6 +5,8 @@ css    : 'form'
 title  : 'Form'
 type   : 'UI Collection'
 ---
+<script src="/javascript/form.js"></script>
+
 <div class="segment">
   <div class="container">
     <h1 class="ui dividing header">Form</h1>
@@ -116,42 +118,44 @@ type   : 'UI Collection'
     <h4 class="ui header">Radio Box</h4>
     <p>Radio boxes are styled forms of standard form radio controls.</p>
     <div class="ui form">
-      <div class="inline field">
-        <div class="ui radio checkbox">
-          <input type="radio" name="example" />
-          <label></label>
+      <div class="inline fields">
+        <div class="field">
+          <div class="ui radio checkbox">
+            <input type="radio" name="example" />
+            <label></label>
+          </div>
+          <label>Apples</label>
         </div>
-        <label>Apples</label>
-      </div>
-      <div class="inline field">
-        <div class="ui radio checkbox">
-          <input type="radio" name="example" />
-          <label></label>
+        <div class="field">
+          <div class="ui radio checkbox">
+            <input type="radio" name="example" />
+            <label></label>
+          </div>
+          <label>Pears</label>
         </div>
-        <label>Pears</label>
-      </div>
-      <div class="inline field">
-        <div class="ui radio checkbox">
-          <input type="radio" name="example" />
-          <label></label>
+        <div class="field">
+          <div class="ui radio checkbox">
+            <input type="radio" name="example" />
+            <label></label>
+          </div>
+          <label>Bananas</label>
         </div>
-        <label>Bananas</label>
-      </div>
-      <div class="inline field">
-        <div class="ui radio checkbox">
-          <input type="radio" name="example" />
-          <label></label>
+        <div class="field">
+          <div class="ui radio checkbox">
+            <input type="radio" name="example" />
+            <label></label>
+          </div>
+          <label>Oranges</label>
         </div>
-        <label>Oranges</label>
-      </div>
-      <div class="inline field">
-        <div class="ui radio checkbox">
-          <input type="radio" name="example" />
-          <label></label>
+        <div class="field">
+          <div class="ui radio checkbox">
+            <input type="radio" name="example" />
+            <label></label>
+          </div>
+          <label>Persimmon</label>
         </div>
-        <label>Persimmon</label>
       </div>
-    </div>
+
   </div>
   
   <div class="example">

node/src/files/components/semantic/collections/form.css

@@ -313,7 +313,6 @@
   box-shadow: none;
 }
 /* Other Combinations */
-.ui.form .fields .field,
 .ui.form .two.fields .field {
   width: 50%;
   padding-left: 1%;
@@ -344,6 +343,9 @@
 /*--------------------
     Inline Fields
 ---------------------*/
+.ui.form .inline.fields .field {
+  margin-right: 1.5em;
+}
 .ui.form .inline.fields .field > label,
 .ui.form .inline.fields .field > p,
 .ui.form .inline.fields .field > input,

src/collections/form.less

@@ -400,7 +400,6 @@
 }
 
 /* Other Combinations */
-.ui.form .fields .field,
 .ui.form .two.fields .field {
   width: 50%;
   padding-left: 1%;
@@ -436,6 +435,9 @@
     Inline Fields
 ---------------------*/
 
+.ui.form .inline.fields .field {
+  margin-right: 1.5em;
+}
 .ui.form .inline.fields .field > label,
 .ui.form .inline.fields .field > p,
 .ui.form .inline.fields .field > input,