Add sort options to palette-editor search

editor/sass/colors.scss

@@ -20,6 +20,7 @@ $form-placeholder-color: #bbbbbb;
 $form-text-color: #444;
 $form-input-focus-color:  rgba(85,150,230,0.8);
 $form-input-border-color:  #ccc;
+$form-input-border-selected-color:  #aaa;
 
 
 $node-selected-color: #ff7f0e;

editor/sass/mixins.scss

@@ -82,11 +82,13 @@
 @mixin workspace-button-toggle {
     @include workspace-button;
     color: $workspace-button-color-selected;
-    background: $workspace-button-background-active;
+    background:$workspace-button-background-active;
 
     &.selected:not(.disabled) {
         color: $workspace-button-color;
         background: $workspace-button-background;
+        border-bottom-width: 2px;
+        border-bottom-color: $form-input-border-selected-color;
     }
 }
 

editor/sass/palette-editor.scss

@@ -38,6 +38,17 @@
             padding: 0px;
             .disabled {
                 background: #f3f3f3;
+
+                .palette-module-name {
+                    font-style: italic;
+                    color: #aaa;
+                }
+                .palette-module-version {
+                    color: #aaa;
+                }
+
+
+
             }
             .red-ui-editableList-item-content {
                 padding: 12px 8px;
@@ -55,7 +66,17 @@
         right:0;
         bottom:0
     }
+    .palette-editor-toolbar {
+        background: #f3f3f3;
+        box-sizing: border-box;
+        padding: 8px 10px;
+        border-bottom: 1px solid $primary-border-color;
+        text-align: right;
 
+        .button-group {
+            margin-right: 10px;
+        }
+    }
     .palette-module-button-group {
         position: absolute;
         right: 0;
@@ -72,7 +93,15 @@
         right:0;
         background: rgba(255,255,255,0.8);
         text-align: center;
+        padding-top: 20px;
     }
+    #palette-module-install-shade {
+        padding-top: 80px;
+    }
+    .palette-module-shade-status {
+        color: #666;
+    }
+
     .palette-module-meta {
         color: #666;
         position: relative;

editor/sass/palette.scss

@@ -53,15 +53,11 @@
     overflow-y: auto;
     box-sizing:border-box;
 }
-.palette-spinner {
-    padding-top: 40px;
+#palette > .palette-spinner {
+    padding-top: 80px;
 }
-
 .palette-search {
-    position: absolute;
-    top: 0;
-    left:0;
-    right:0;
+    position: relative;
     overflow: hidden;
     background: #ffffff;
     text-align: center;