Dropdown menu polish

dropdown actions are included

ui/src/shared/components/Dropdown.js

@@ -51,7 +51,7 @@ const Dropdown = React.createClass({
           <ul className="dropdown-menu show">
             {items.map((item, i) => {
               return (
-                <li className={`dropdown ${className}__item`} key={i}>
+                <li className="dropdown-item" key={i}>
                   <a href="#" onClick={() => self.handleSelection(item)}>
                     {item.text}
                   </a>

ui/src/style/enterprise_style/theme-dark.scss

@@ -102,6 +102,7 @@
   overflow: auto;
   @include custom-scrollbar($c-pool,$c-laser);
   @include gradient-h($c-ocean,$c-pool);
+  box-shadow: 0 2px 5px 0.6px fade-out($g0-obsidian, 0.8);
 
   > li {
     width: 100%;
@@ -158,6 +159,51 @@
   }
 }
 
+/* Dropdown Actions */
+.dropdown-item {
+  position: relative;
+
+  > a {
+    position: relative;
+    z-index: 1;
+  }
+}
+.dropdown-item__actions {
+  z-index: 2;
+  position: absolute;
+  top: 0;
+  right: 3px;
+  height: 100%;
+  width: auto;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+}
+.dropdown-item__action {
+  padding: 0;
+  margin: 0;
+  width: 24px;
+  height: 24px;
+  border-radius: 2px;
+  background-color: transparent;
+  border: none !important;
+  font-size: 13px;
+  transition:
+    background-color 0.25s ease,
+    color 0.25s ease;
+  color: $c-neutrino;
+
+  &[data-target="#deleteExplorerModal"] .icon {
+    position: relative;
+    right: -1px;
+  }
+
+  &:hover {
+    color: $g20-white;
+    background-color: $c-ocean;
+  }
+}
+
 /*
     Dark Code Styles
     ----------------------------------------------