make filter panel thinner

Making the filter panel thinner by 18%. To do this
we moved the date range next to the query box.
The thinner filter box gives us more width for the plot.

pdb-js/src/app/visualization-page/visualization-page.component.html

@@ -2,13 +2,18 @@
   <div id="query-box">
       <pdb-query-autocomplete #query></pdb-query-autocomplete>
   </div>
-  <div id="filters">
-    <div id="filterpanel">
-      <mat-form-field class="mat-field-full-width">
+  
+  <div id="date-box">
+    <mat-form-field class="mat-field-full-width">
         <mat-label>Date Range:</mat-label>
         <input matInput id="search-date-range" value="dateRange" name="dates" (input)="changeDate($event)"  />
         <input type="hidden" id="hidden-search-date-range" [(ngModel)]="hiddenSearchDateRange" />
       </mat-form-field>
+  </div>
+  
+  <div id="filters">
+    <div id="filterpanel">
+      
 
       <mat-form-field class="mat-field-full-width">
         <mat-label>Type:</mat-label>