Adds support for buttons in menus fixing #150, fixes dropdown formatting shadow, and positioning to be more precise

src/collections/menu.less

@@ -237,6 +237,24 @@
   margin-bottom: 0px;
 }
 
+
+/*--------------
+     Button
+---------------*/
+
+.ui.menu:not(.vertical) .item > .button {
+  position: relative;
+  top: -0.05em;
+
+  margin: -0.55em 0;
+  padding-bottom: 0.55em;
+  padding-top: 0.55em;
+
+  font-size: 0.875em;
+  box-shadow: none;
+}
+
+
 /*--------------
      Inputs
 ---------------*/
@@ -284,9 +302,12 @@
 /*--------------
     Dropdowns
 ---------------*/
-/*.ui.menu .dropdown.item .menu {
+.ui.menu .dropdown.item .menu {
+  left: 1px;
   margin: 1px 0px 0px 0px;
-}*/
+  min-width: calc(100% - 1px);
+  box-shadow: 0 1px 1px 1px #DDDDDD;
+}
 .ui.menu .simple.dropdown.item .menu {
   margin: 0px !important;
 }
@@ -536,11 +557,13 @@
 /*--- Dropdown ---*/
 .ui.vertical.menu .dropdown.item > i {
   float: right;
+  content: "\f0da";
 }
 .ui.vertical.menu .dropdown.item .menu {
   top: 0% !important;
   left: 100%;
   margin: 0px 0px 0px 1px;
+  box-shadow: 0 0px 1px 1px #DDDDDD;
 }
 .ui.vertical.menu .dropdown.item.active {
   border-top-right-radius: 0em;