menu fixes

Former-commit-id: 97406efcc3b7f1c513e099631e32da126aea1cec
Former-commit-id: 237c4e2e1a0ff48988c2a07342a5ef0978ce173d

build/uncompressed/collections/menu.css

@@ -226,7 +226,7 @@
 ---------------*/
 .ui.menu .item > .label,
 .ui.menu .item > a > .label {
-  background-color: #959595;
+  background-color: #9DA6AB;
   color: #FFFFFF;
   margin: -0.3em 0em -0.3em 0.5em;
   padding: 0.3em 0.8em;
@@ -381,6 +381,7 @@
 .ui.vertical.menu .item > .icon:not(.input) {
   float: right;
   width: 1.22em;
+  line-height: 1.22;
   margin: 0em 0em 0em 0.5em;
 }
 .ui.vertical.menu .item > .label + .icon {

node/src/documents/collections/menu.html

@@ -9,7 +9,7 @@ type   : 'UI Collection'
 <div class="segment">
   <div class="container">
     <h1 class="ui dividing header">Menu</h1>
-    <p>A menu is a collection of interface elements usually showing several actions which a user can take</p>
+    <p>A menu is a collection of elements usually showing several actions which a user can take</p>
   </div>
 </div>
 <div class="main container">
@@ -42,7 +42,7 @@ type   : 'UI Collection'
         <div class="borderless item">
           <div class="ui icon input">
             <input type="text" placeholder="Search...">
-            <i class="search icon"></i>
+            <i class="search link icon"></i>
           </div>
         </div>
         <div class="ui simple dropdown item">
@@ -64,7 +64,6 @@ type   : 'UI Collection'
     <div class="ui ignore warning message"><i class="icon heart"></i> A vertical menu's width defaults to an arbitrary size. To have it fit your content more precisely use the fluid variation in conjunction with <a href="grid.html">ui grid</a>.</div>
 
     <div class="ui vertical menu">
-      <div class="header item">Mail</div>
       <a class="active item">
         <div class="ui teal label">1</div>
         Inbox

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

@@ -226,7 +226,7 @@
 ---------------*/
 .ui.menu .item > .label,
 .ui.menu .item > a > .label {
-  background-color: #959595;
+  background-color: #9DA6AB;
   color: #FFFFFF;
   margin: -0.3em 0em -0.3em 0.5em;
   padding: 0.3em 0.8em;
@@ -381,6 +381,7 @@
 .ui.vertical.menu .item > .icon:not(.input) {
   float: right;
   width: 1.22em;
+  line-height: 1.22;
   margin: 0em 0em 0em 0.5em;
 }
 .ui.vertical.menu .item > .label + .icon {

src/collections/menu.less

@@ -308,7 +308,7 @@
 
 .ui.menu .item > .label,
 .ui.menu .item > a > .label {
-  background-color: #959595;
+  background-color: #9DA6AB;
   color: #FFFFFF;
   margin: -0.3em 0em -0.3em 0.5em;
   padding: 0.3em 0.8em;
@@ -494,6 +494,7 @@
 .ui.vertical.menu .item > .icon:not(.input) {
   float: right;
   width: 1.22em;
+  line-height: 1.22;
   margin: 0em 0em 0em 0.5em;
 }
 .ui.vertical.menu .item > .label + .icon {