Hide palette until nodes loaded

public/index.html

@@ -72,6 +72,7 @@
 </div>
 <div id="main-container" class="sidebar-closed">
     <div id="palette">
+        <i class="palette-spinner spinner"></i>
         <div class="palette-scroll">
             <div class="palette-category">
                 <div class="palette-header"><i class="expanded icon-chevron-down"></i><span>inputs</span></div>

public/red/main.js

@@ -142,6 +142,9 @@ var RED = function() {
     function loadNodes() {
         $.get('nodes', function(data) {
                 $("body").append(data);
+                $(".palette-spinner").hide();
+                $(".palette-scroll").show();
+                $("#palette-search").show();
                 loadFlows();
         });
     }

public/style.css

@@ -108,6 +108,7 @@ a.brand img {
    user-select: none;
 }
 .palette-scroll {
+    display: none;
     position: absolute;
     top: 0;
     left:0;
@@ -118,8 +119,12 @@ a.brand img {
     box-sizing:border-box;
     -moz-box-sizing: border-box;    
 }
+.palette-spinner {
+    padding-top: 40px;
+}
 #palette-search {
     position: absolute;
+    display: none;
     bottom: 0;
     left:0;
     right:0;