[#427] Fixed graph styles in multiview.

css/multiview.css

@@ -35,6 +35,11 @@
   float: left;
 }
 
+.recline-data-explorer .data-view-sidebar > div {
+  margin-top: 5px;
+  margin-bottom: 10px;
+}
+
 /**********************************************************
   * Query Editor
   *********************************************************/

src/view.flot.js

@@ -367,9 +367,10 @@ my.FlotControls = Backbone.View.extend({
   <div class="editor"> \
     <form class="form-stacked"> \
       <div class="clearfix"> \
+        <div class="form-group"> \
           <label>Graph Type</label> \
           <div class="input editor-type"> \
-          <select> \
+            <select class="form-control"> \
               <option value="lines-and-points">Lines and Points</option> \
               <option value="lines">Lines</option> \
               <option value="points">Points</option> \
@@ -377,20 +378,23 @@ my.FlotControls = Backbone.View.extend({
               <option value="columns">Columns</option> \
             </select> \
           </div> \
+        </div> \
+        <div class="form-group"> \
           <label>Group Column (Axis 1)</label> \
           <div class="input editor-group"> \
-          <select> \
+            <select class="form-control"> \
               <option value="">Please choose ...</option> \
                 {{#fields}} \
               <option value="{{id}}">{{label}}</option> \
                 {{/fields}} \
             </select> \
           </div> \
+        </div> \
         <div class="editor-series-group"> \
         </div> \
       </div> \
       <div class="editor-buttons"> \
-        <button class="btn editor-add">Add Series</button> \
+        <button class="btn btn-default editor-add">Add Series</button> \
       </div> \
       <div class="editor-buttons editor-submit" comment="hidden temporarily" style="display: none;"> \
         <button class="editor-save">Save</button> \
@@ -401,17 +405,19 @@ my.FlotControls = Backbone.View.extend({
 ',
   templateSeriesEditor: ' \
     <div class="editor-series js-series-{{seriesIndex}}"> \
+      <div class="form-group"> \
         <label>Series <span>{{seriesName}} (Axis 2)</span> \
           [<a href="#remove" class="action-remove-series">Remove</a>] \
         </label> \
         <div class="input"> \
-        <select> \
+          <select class="form-control"> \
           {{#fields}} \
           <option value="{{id}}">{{label}}</option> \
           {{/fields}} \
           </select> \
         </div> \
       </div> \
+    </div> \
   ',
   events: {
     'change form select': 'onEditorSubmit',