diff --git a/pdb-js/src/app/visualization-page/visualization-page.component.html b/pdb-js/src/app/visualization-page/visualization-page.component.html
index de97c78..6774d1c 100644
--- a/pdb-js/src/app/visualization-page/visualization-page.component.html
+++ b/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>
diff --git a/pdb-js/src/app/visualization-page/visualization-page.component.scss b/pdb-js/src/app/visualization-page/visualization-page.component.scss
index 205a01f..c08213d 100644
--- a/pdb-js/src/app/visualization-page/visualization-page.component.scss
+++ b/pdb-js/src/app/visualization-page/visualization-page.component.scss
@@ -12,9 +12,9 @@
     height: 100%;
     margin: 0;
     grid:
-      "query-box query-box" auto
-      "filters results" 1fr
-      / 24em 3fr;
+      "query-box query-box date-box" auto 
+      "filters results results" 1fr
+      / 19.7em 3fr 21em;
   }
 }
 
@@ -24,6 +24,7 @@
     margin: 0;
     grid:
       "query-box" auto
+      "date-box" auto
       "filters" auto
       "results" 1fr
       / 1fr;
@@ -35,7 +36,12 @@
 
 #query-box {
   grid-area: query-box;
-  margin: 1em;
+  margin: 1em 0.5em 0.5em 0.5em;
+}
+
+#date-box{
+  grid-area: date-box;
+  margin-right: 1em;
 }
 
 #filters {
@@ -43,15 +49,15 @@
 }
 #filterpanel {
   background-color: #f8f8f8;/*#fafafa;*/
-  padding: 1em;
-  margin: 0 1em 1em 1em;
+  padding: 0.5em;
+  margin: 0 0.5em 0.5em 0.5em;
   border-radius: 5px;
 }
 
 #results {
   grid-area: results;
   overflow: hidden;
-  margin-right: 1em;
+  margin-right: 0.5em;
   position:relative; /* ??? */ 
 }
 
diff --git a/pdb-js/src/app/y-axis-range/y-axis-range.component.html b/pdb-js/src/app/y-axis-range/y-axis-range.component.html
index ee39d05..35b12be 100644
--- a/pdb-js/src/app/y-axis-range/y-axis-range.component.html
+++ b/pdb-js/src/app/y-axis-range/y-axis-range.component.html
@@ -3,7 +3,7 @@
     <mat-label>Y-Axis Range:</mat-label>
     <mat-select [(value)]="yAxisUnit">
       <mat-option value="AUTOMATIC">automatic</mat-option>
-      <mat-option value="MILLISECONDS">milli seconds</mat-option>
+      <mat-option value="MILLISECONDS">millis</mat-option>
       <mat-option value="SECONDS">seconds</mat-option>
       <mat-option value="MINUTES">minutes</mat-option>
       <mat-option value="HOURS">hours</mat-option>
@@ -11,9 +11,9 @@
     </mat-select>
   </mat-form-field>
   <mat-form-field *ngIf="yAxisUnit !== 'AUTOMATIC'" class="pdb-form-number">
-    <input matInput type="number" placeholder="Min Y-Value" min="0" [(ngModel)]="minYValue">
+    <input matInput type="number" placeholder="Min" min="0" [(ngModel)]="minYValue">
   </mat-form-field>
   <mat-form-field *ngIf="yAxisUnit !== 'AUTOMATIC'" class="pdb-form-number">
-    <input matInput type="number" placeholder="Max Y-Value" min="0" [(ngModel)]="maxYValue">
+    <input matInput type="number" placeholder="Max" min="0" [(ngModel)]="maxYValue">
   </mat-form-field>
 </div>
diff --git a/pdb-js/src/styles.scss b/pdb-js/src/styles.scss
index 91c0bb7..20e3743 100644
--- a/pdb-js/src/styles.scss
+++ b/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;
 }