INT-1664 switch button position, default (#443)

(cherry picked from commit ebfe620)

Author: brahmgardner

src/app/explain-plan/index.jade

@@ -45,8 +45,8 @@
             .view-switcher
               span View Details As
               .btn-group.btn-group-xs(role="group")
-                button.btn.btn-default(data-hook='json-button') Raw JSON
                 button.btn.btn-default(data-hook='tree-button') Visual Tree
+                button.btn.btn-default(data-hook='json-button') Raw JSON
 
       .tree-container
         div(data-hook='tree-subview')

src/app/explain-plan/index.js

@@ -46,7 +46,7 @@ module.exports = View.extend({
     hasRefineBar: ['boolean', true, true],
     activeDetailView: {
       type: 'string',
-      default: 'json',
+      default: 'tree',
       values: ['json', 'tree']
     }
   },

src/app/explain-plan/index.less

@@ -1,7 +1,7 @@
 .explain-container {
 
   // hacks for json view on explain tab
-  ol.document-list li.document-list-item ol.document-property-body li.document-property.array ol.document-property-body .document-property-key, 
+  ol.document-list li.document-list-item ol.document-property-body li.document-property.array ol.document-property-body .document-property-key,
   ol.document-list li.document-list-item ol.document-property-body li.document-property.object ol.document-property-body .document-property-key {
     margin-left: 0;
   }
@@ -21,7 +21,7 @@
     margin-left: 0;
   }
   // end hacks
-  
+
   .summary-container {
     background: @pw;
     padding: 12px;