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/styles.scss

@@ -81,16 +81,16 @@ body .mat-select-panel, body .mat-autocomplete-panel {
 
 mat-form-field {
   width: 100%;
-  margin-right: 1em;
+  margin-right: 1ex;
 }
 mat-form-field:last-child {
   margin-right: 0ex;
 }
 mat-form-field.pdb-form-number {
-  width: 5em;
+  width: 3.5em;
 }
 mat-form-field.pdb-form-mid {
-  width: 8em;
+  width: 7.5em;
 }