add sorting for gallery

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

@@ -4,7 +4,7 @@
   </div>
   
   <div id="date-box">
-    <mat-form-field class="mat-field-full-width">
+    <mat-form-field>
         <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" />
@@ -15,7 +15,7 @@
     <div id="filterpanel">
       
 
-      <mat-form-field class="mat-field-full-width">
+      <mat-form-field>
         <mat-label>Type:</mat-label>
         <mat-select [formControl]="selectedPlotType">
           <mat-option *ngFor="let plotType of plotTypes" [value]="plotType">
@@ -88,6 +88,7 @@
       </div>
     </div>
   </div>
+  
   <div id="results">
     <pdb-plot-view
       #plotView 

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

@@ -59,8 +59,7 @@
 #results {
   grid-area: results;
   overflow: hidden;
-  position:relative; /* ??? */ 
-  overflow-y: scroll;
+  position:relative;
 }
 
 #plot-button-bar {

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

@@ -112,6 +112,7 @@ export class VisualizationPageComponent implements OnInit {
   gallery(){
     const that = this;
     this.plotView.imageUrl = '';
+    that.galleryView.show=true;
     const request = this.createPlotRequest();
     this.galleryView.renderGallery(request, this.splitBy.name);
   }
@@ -120,6 +121,7 @@ export class VisualizationPageComponent implements OnInit {
     const that = this;
     
     that.plotView.imageUrl = '';
+    that.galleryView.show=false;
     
     const request = this.createPlotRequest();