fixes to form

build/minified/modules/dropdown.js

@@ -80,7 +80,7 @@ $.fn.dropdown = function(parameters) {
           }
 
           $item
-            .on('click' + eventNamespace, module.event.item.click)
+            .on(module.get.selectEvent() + eventNamespace, module.event.item.click)
           ;
           $module
             .data(moduleNamespace, module)

build/packaged/modules/dropdown.js

@@ -80,7 +80,7 @@ $.fn.dropdown = function(parameters) {
           }
 
           $item
-            .on('click' + eventNamespace, module.event.item.click)
+            .on(module.get.selectEvent() + eventNamespace, module.event.item.click)
           ;
           $module
             .data(moduleNamespace, module)

build/uncompressed/collections/form.css

@@ -236,6 +236,7 @@
   width: 100%;
   height: 100%;
   background: rgba(255, 255, 255, 0.8) url(../images/throbber-large.gif) no-repeat 50% 50%;
+  visibility: visible;
 }
 /*******************************
            Variations
@@ -264,8 +265,8 @@
 }
 .ui.form .date.field > label:after {
   position: absolute;
-  top: 1.2em;
-  right: 0.4em;
+  top: 1.4em;
+  right: 0.5em;
   font-family: 'Icons';
   content: '📅';
   /* '\1f4c5' */
@@ -358,6 +359,10 @@
   vertical-align: middle;
   font-size: 1em;
 }
+.ui.form .inline.fields .field > input,
+.ui.form .inline.field > input {
+  font-size: 0.875em;
+}
 .ui.form .inline.fields .field > :first-child,
 .ui.form .inline.field > :first-child {
   margin: 0em 0.5em 0em 0em;
@@ -379,6 +384,3 @@
 .ui.large.form {
   font-size: 1.125em;
 }
-.ui.large.form label {
-  font-weight: bold;
-}

build/uncompressed/modules/dropdown.js

@@ -80,7 +80,7 @@ $.fn.dropdown = function(parameters) {
           }
 
           $item
-            .on('click' + eventNamespace, module.event.item.click)
+            .on(module.get.selectEvent() + eventNamespace, module.event.item.click)
           ;
           $module
             .data(moduleNamespace, module)

node/src/documents/collections/form.html

@@ -392,7 +392,7 @@ type   : 'UI Collection'
           </ul>
         </div>
         <div class="two fields">
-          <div class="error field">
+          <div class="field">
             <label>First Name</label>
             <input placeholder="First Name" type="text">
           </div>
@@ -413,12 +413,10 @@ type   : 'UI Collection'
     <h4 class="ui header">Inline</h4>
     <p>A field can have its label next to instead of above it.</p>
     <div class="ui form">
-      <div class="ui inline fields">
-        <div class="field">
+        <div class="inline field">
           <label>Last name</label>
           <input type="text" placeholder="Full Name">
         </div>
-      </div>
     </div>
   </div>
   

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

@@ -236,6 +236,7 @@
   width: 100%;
   height: 100%;
   background: rgba(255, 255, 255, 0.8) url(../images/throbber-large.gif) no-repeat 50% 50%;
+  visibility: visible;
 }
 /*******************************
            Variations
@@ -264,8 +265,8 @@
 }
 .ui.form .date.field > label:after {
   position: absolute;
-  top: 1.2em;
-  right: 0.4em;
+  top: 1.4em;
+  right: 0.5em;
   font-family: 'Icons';
   content: '📅';
   /* '\1f4c5' */
@@ -358,6 +359,10 @@
   vertical-align: middle;
   font-size: 1em;
 }
+.ui.form .inline.fields .field > input,
+.ui.form .inline.field > input {
+  font-size: 0.875em;
+}
 .ui.form .inline.fields .field > :first-child,
 .ui.form .inline.field > :first-child {
   margin: 0em 0.5em 0em 0em;
@@ -379,6 +384,3 @@
 .ui.large.form {
   font-size: 1.125em;
 }
-.ui.large.form label {
-  font-weight: bold;
-}

node/src/files/components/semantic/modules/dropdown.js

@@ -80,7 +80,7 @@ $.fn.dropdown = function(parameters) {
           }
 
           $item
-            .on('click' + eventNamespace, module.event.item.click)
+            .on(module.get.selectEvent() + eventNamespace, module.event.item.click)
           ;
           $module
             .data(moduleNamespace, module)

src/collections/form.less

@@ -309,6 +309,7 @@
   width: 100%;
   height: 100%;
   background: rgba(255, 255, 255, 0.8) url(../images/throbber-large.gif) no-repeat 50% 50%;
+  visibility: visible;
 }
 
 
@@ -347,8 +348,8 @@
 }
 .ui.form .date.field > label:after {
   position: absolute;
-  top: 1.2em;
-  right: 0.4em;
+  top: 1.4em;
+  right: 0.5em;
 
   font-family: 'Icons';
   content: '📅'; /* '\1f4c5' */
@@ -453,6 +454,10 @@
   vertical-align: middle;
   font-size: 1em;
 }
+.ui.form .inline.fields .field > input,
+.ui.form .inline.field > input {
+  font-size: 0.875em;
+}
 
 .ui.form .inline.fields .field > :first-child,
 .ui.form .inline.field > :first-child {
@@ -479,7 +484,4 @@
 .ui.large.form {
   font-size: 1.125em;
 }
-.ui.large.form label {
-  font-weight: bold;
-}