[css,layout][m]: get things layed out reasonably nicely again.

* Use top menu again
* Refactor main area so that data-table-container becomes data-view-container
* Fix up width of flot graph and editor so they line up reasonably nicely

demo/style/data-table.css

@@ -63,7 +63,6 @@ table {
 }
 
 input, select {
-  vertical-align: middle;
 }
 
 body {
@@ -428,7 +427,7 @@ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 }
 
 .project-controls, .project-actions {
-  margin: 3px 2px 0px 0px;
+  margin: 0px 2px 0px 0px;
   display: block;
   float: right;
   font-size: 1.3em;
@@ -573,19 +572,6 @@ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
   
 }
 
-.data-table-container {
-  display: block;
-  border-top: 1px solid #BCF;
-  overflow: auto;
-  position: absolute;
-  top: 73px;
-  bottom: 0px;
-  left: 5px;
-  right: 0px;
-  background: white;
-  }
-}
-
 .data-table {
   margin: 0;
   padding: 0;
@@ -1195,4 +1181,4 @@ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
   background: -webkit-gradient(linear, left top, left bottom, from(#e3e3e3), to(#f9f9f9));
   background: -moz-linear-gradient(top,  #e3e3e3,  #f9f9f9);
   filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3e3e3', endColorstr='#f9f9f9');
-}
+}