Study list context menu styling

Packages/worklist/client/components/studyContextMenu/studyContextMenu.html

@@ -1,25 +1,21 @@
 <template name="studyContextMenu">
+    {{#if studyListFunctionsEnabled}}
     <div id="studyContextMenu" class="studyContextMenu noselect"
          oncontextmenu='return false;'
          unselectable='on'
          onselectstart='return false;'>
         <ul>
             <li>
-                {{#if studyListFunctionsEnabled}}
-                    <a class="disabled"><span class="fa-stack fa-lg">
-                      <i class="fa fa-user fa-stack-1x"></i>
-                      <i class="fa fa-ban fa-stack-2x text-danger"></i>
-                    </span> Anonymize
-                    </a>
-                    <a id="exportSelectedStudies" type="button" title="Export Selected Studies">
-                        <i class="fa fa-exchange fa-lg"></i> Export
-                    </a>
-                {{/if}}
-                <a class="disabled"><i class="fa fa-trash fa-lg"></i> Delete</a>
-                <a class="disabled"><i class="fa fa-send-o fa-lg"></i> Send</a>
-                <a class="disabled"><i class="fa fa-download fa-lg"></i> Download</a>
-                <a class="disabled"><i class="fa fa-photo fa-lg"></i> View Series Details</a>
+                <a class="disabled">Anonymize</a>
+                <a class="disabled">Send</a>
+                <hr/>
+                <a class="disabled">Delete</a>
+                <a id="exportSelectedStudies"
+                   title="Export Selected Studies">
+                    Export
+                </a>
             </li>
         </ul>
     </div>
+    {{/if}}
 </template>

Packages/worklist/client/components/studyContextMenu/studyContextMenu.styl

@@ -1,13 +1,16 @@
+@import "{design}/app"
+
 .studyContextMenu
   z-index: 10000
   display: none
   position: absolute
-  color: whitesmoke
-  background-color: #2d2d2d
+  color:  #2f2f2f
+  background-color: #f2f2f2
 
   width: -moz-fit-content
   width: -webkit-fit-content
   width: fit-content
+  width: 207px
 
   height: -moz-fit-content
   height: -webkit-fit-content
@@ -19,10 +22,14 @@
   -webkit-background-clip: padding-box
   background-clip: padding-box
   border: 1px solid rgba(0, 0, 0, .15)
-  border-radius: 4px
+  border-radius: 3px
   -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
   box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
 
+  hr
+    border-top: solid 1px #d1d1d1
+    margin: 2px
+
   ul
     width: 100%
     margin: 5px 0
@@ -38,13 +45,13 @@
         display: block
         text-decoration: none
         cursor: pointer
-        line-height: 25px
-        color: #808080
+        font-size: 15px
+        line-height: 1.7
+        color: black
 
         &:not(.disabled):hover
-          color: #439193
+          color: $activeColor
           text-decoration: none
-          background-color: #1d1d1d
 
         &.disabled
           opacity: 0.4