Make database column smaller than the others

ui/src/data_explorer/components/DatabaseList.js

@@ -64,7 +64,7 @@ const DatabaseList = React.createClass({
     const {query, onChooseNamespace} = this.props
 
     return (
-      <div className="query-builder--column">
+      <div className="query-builder--column" style={{flex: '1 0 0'}}>
         <div className="query-builder--heading">Databases</div>
         <div className="query-builder--list">
           {this.state.namespaces.map(namespace => {

ui/src/style/components/query-builder.scss

@@ -15,7 +15,7 @@
 .query-builder--column {
   display: flex;
   flex-direction: column;
-  flex: 1 0 0;
+  flex: 2 0 0;
 }
 .query-builder--heading {
   @include no-user-select();