fixes to inline fields

Former-commit-id: c2f23ff08c
Former-commit-id: 7d888980bc

build/packaged/semantic.min.css.REMOVED.git-id

@@ -1 +1 @@
-bb55aa4561c4870df653a67d77b09ac9726fd2df
+444da18b87ea7f6372cfc80abfd9f87caae2b20f

build/uncompressed/collections/form.css

@@ -361,7 +361,7 @@
     Inline Fields
 ---------------------*/
 .ui.form .inline.fields .field {
-  margin-right: 1.5em;
+  margin-right: 0.5em;
 }
 .ui.form .inline.fields .field > label,
 .ui.form .inline.fields .field > p,
@@ -386,6 +386,10 @@
 .ui.form .inline.field > :first-child {
   margin: 0em 0.5em 0em 0em;
 }
+.ui.form .inline.fields .field > :only-child,
+.ui.form .inline.field > :only-child {
+  margin: 0em;
+}
 /*--------------------
         Sizes
 ---------------------*/

node/src/documents/collections/form.html

@@ -465,14 +465,16 @@ type   : 'UI Collection'
     <h4 class="ui header">Inline</h4>
     <p>Multiple fields may be inline in a row</p>
     <div class="ui form">
-      <div class="ui two inline fields">
+      <div class="ui inline fields">
         <div class="field">
-          <label>First name</label>
-          <input type="text" placeholder="First Name">
+          <label>Phone Number</label>
+          <input type="text" placeholder="(xxx)">
         </div>
         <div class="field">
-          <label>Last name</label>
-          <input type="text" placeholder="Last Name">
+          <input type="text" placeholder="xxx">
+        </div>
+        <div class="field">
+          <input type="text" placeholder="xxxx">
         </div>
       </div>
     </div>

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

@@ -361,7 +361,7 @@
     Inline Fields
 ---------------------*/
 .ui.form .inline.fields .field {
-  margin-right: 1.5em;
+  margin-right: 0.5em;
 }
 .ui.form .inline.fields .field > label,
 .ui.form .inline.fields .field > p,
@@ -386,6 +386,10 @@
 .ui.form .inline.field > :first-child {
   margin: 0em 0.5em 0em 0em;
 }
+.ui.form .inline.fields .field > :only-child,
+.ui.form .inline.field > :only-child {
+  margin: 0em;
+}
 /*--------------------
         Sizes
 ---------------------*/

src/collections/form.less

@@ -458,7 +458,7 @@
 ---------------------*/
 
 .ui.form .inline.fields .field {
-  margin-right: 1.5em;
+  margin-right: 0.5em;
 }
 .ui.form .inline.fields .field > label,
 .ui.form .inline.fields .field > p,
@@ -487,6 +487,10 @@
 .ui.form .inline.field > :first-child {
   margin: 0em 0.5em 0em 0em;
 }
+.ui.form .inline.fields .field > :only-child,
+.ui.form .inline.field > :only-child {
+  margin: 0em;
+}
 
 
 /*--------------------