move Layout Graph button to Tools box.

dream/platform/static/css/demo-new.css

@@ -190,6 +190,10 @@ path, ._jsPlumb_endpoint { cursor:pointer; }
   padding-bottom: 20px;
 }
 
+#tools-container {
+  margin-bottom: 4px;
+}
+
 #simulation_controls {            
 /*  position: absolute;
   width: 200px;
@@ -231,7 +235,7 @@ path, ._jsPlumb_endpoint { cursor:pointer; }
 
 .ui-button {
   width:80%;
-  margin-bottom:4px;
+  margin:4px 0;
 }
 
 .Dream-Source {

dream/platform/static/index.html

@@ -19,6 +19,9 @@
   <div class="four columns">
   <div id="tools">
     <h4>Tools</h4>
+    <div id="tools-container"></div>
+    <a id="clear_all">Clear All</a>
+    <a id="layout_graph">Layout Graph</a>
   </div>
   </div>
   <div class="twelve columns">
@@ -38,7 +41,6 @@
         <fieldset id="general-fieldset">
         </fieldset>
         <a id="run_simulation">Run Simulation</a>
-        <a id="layout_graph">Layout Graph</a>
       </form>
     </div>
   </div>

dream/platform/static/src/dream.js

@@ -47,14 +47,13 @@
     };
 
     priv.displayTool = function () {
-      var render_element = $("[id=tools]");
+      var render_element = $("[id=tools-container]");
       for (var key in configuration) {
         if (key !== 'Dream-Configuration') {
           render_element.append('<div id="' + key + '" class="tool ' + key + '">' +
             key.split('-')[1] + "<ul/></div>");
         }
       }
-      render_element.append('<p/><a id="clear_all">Clear All</a>');
     };
 
     priv.initDialog = function () {