Cleaned up dialog styles (OHIF-49) and duplicate calls to Worklist Search (credit to @mdg583)

Packages/hangingprotocols/client/components/ruleEntryDialog/ruleEntryDialog.js

@@ -211,13 +211,16 @@ Template.ruleEntryDialog.onCreated(function() {
 
 Template.ruleEntryDialog.onRendered(function() {
     // Initialize the Comparators Select2 box
-    var template = this;
+    var template = Template.instance();
     template.$('.comparators').select2();
 
     // Get the default Comparator from the Select2 box and use it to
     // initialize the comparatorId ReactiveVar
     var comparatorId = template.$('.comparators').val();
     template.comparatorId.set(comparatorId);
+
+    const dialog = template.$('.ruleEntryDialog');
+    dialog.draggable();
 });
 
 Template.ruleEntryDialog.helpers({

Packages/hangingprotocols/client/components/ruleEntryDialog/ruleEntryDialog.styl

@@ -1,3 +1,5 @@
+@import "{design}/app.styl"
+
 .ruleEntryDialog
   display: none
   position: absolute
@@ -6,15 +8,19 @@
   left: 0
   right: 0
   z-index: 100
-  width: 50%
-  max-width: 400px
+  width: 350px
   height: 230px
   margin: auto
-  border-radius: 5px
-  padding: 10px 20px 10px 20px
+  padding: 10px
   background-color: rgba(255,255,255,1)
   outline: none
 
+  opacity: 0.95
+  border-radius: 8px
+  border: 1px solid $uiBorderColor
+  background: $uiGrayDarkest
+  color: $textSecondaryColor
+
   .dialogContent
     text-align: center
     margin-bottom: 10px
@@ -33,4 +39,9 @@
 
   input.currentValue
     width: 95%
-    text-align: center
+    text-align: center
+    padding: 4px
+    color: black
+    height: 30px
+    border-radius: 2px
+    border: 0