continuing work on ui input positioning

server/documents/collections/menu.html.eco

@@ -34,23 +34,12 @@ type        : 'UI Collection'
         <i class="mail icon"></i> Messages
       </a>1
       <div class="right menu">
-        <div class="borderless vertically fitted item">
+        <div class="item">
           <div class="ui icon input">
             <input type="text" placeholder="Search...">
             <i class="search link icon"></i>
           </div>
         </div>
-        <div class="ui dropdown item">
-          Language <i class="dropdown icon"></i>
-          <div class="menu">
-            <a class="item">English</a>
-            <a class="item">Russian</a>
-            <a class="item">Spanish</a>
-          </div>
-        </div>
-        <div class="item">
-            <div class="ui teal button">Sign Up</div>
-        </div>
       </div>
     </div>
   </div>
@@ -140,7 +129,7 @@ type        : 'UI Collection'
           <i class="mail icon"></i> Messages
         </a>
         <div class="right menu">
-          <div class="borderless vertically fitted item">
+          <div class="item">
             <div class="ui icon input">
               <input type="text" placeholder="Search...">
               <i class="search icon"></i>
@@ -262,7 +251,7 @@ type        : 'UI Collection'
         <i class="user icon"></i> Friends
       </a>
       <div class="right menu">
-        <div class="borderless vertically fitted item">
+        <div class="item">
           <div class="ui icon input">
             <input type="text" placeholder="Search...">
             <i class="search link icon"></i>
@@ -877,7 +866,7 @@ type        : 'UI Collection'
         <i class="mail icon"></i> Messages
       </a>1
       <div class="right menu">
-        <div class="borderless vertically fitted item">
+        <div class="item">
           <div class="ui icon input">
             <input type="text" placeholder="Search...">
             <i class="search link icon"></i>
@@ -906,7 +895,7 @@ type        : 'UI Collection'
         <i class="mail icon"></i> Messages
       </a>1
       <div class="right menu">
-        <div class="borderless vertically fitted item">
+        <div class="item">
           <div class="ui icon input">
             <input type="text" placeholder="Search...">
             <i class="search link icon"></i>

src/collections/menu.less

@@ -261,21 +261,25 @@
 
 .ui.menu .item > .input,
 .ui.menu .item > .input input {
+  margin-top: -0.83em;
+  margin-bottom: -0.83em;
   width: 100%;
 }
+.ui.vertical.menu .item > .input,
+.ui.vertical.menu .item > .input input {
+  margin-top: 0em;
+  margin-bottom: 0em;
+}
 .ui.menu .ui.input > .icon {
-  padding-top: 0.1em;
-  height: auto;
+  padding-top: 0em;
 }
-.ui.menu .item > .input input,
-.ui.menu .item > input[type="text"] {
+.ui.menu .item > .input input {
   position: relative;
-  margin: -0.45em 0em;
+  top: -0.075em;
   padding-top: 0.5em;
   padding-bottom: 0.5em;
 }
-.ui.vertical.menu .item > .input input,
-.ui.vertical.menu .item > input[type="text"] {
+.ui.vertical.menu .item > .input input {
   top: 0em;
   margin: 0em;
   padding-top: 0.63em;
@@ -1782,6 +1786,10 @@
 .ui.small.menu .item {
   font-size: 0.875rem;
 }
+.ui.small.menu:not(.vertical) .item > .input input {
+  padding-top: 0.4em;
+  padding-bottom: 0.4em;
+}
 .ui.small.vertical.menu {
   width: 13rem;
 }
@@ -1800,13 +1808,10 @@
 .ui.large.menu .item .item {
   font-size: 0.875rem;
 }
-.ui.large.menu .item > .input input,
-.ui.large.menu .item > input[type="text"] {
-  padding-top: 0.65em;
-  padding-bottom: 0.65em;
-}
-.ui.large.menu .ui.input > .icon {
-  padding-top: 0.3em;
+.ui.large.menu:not(.vertical) .item > .input input {
+  top: -0.125em;
+  padding-bottom: 0.6em;
+  padding-top: 0.6em;
 }
 .ui.large.menu .dropdown.item .item {
   font-size: 1rem;