fix: card grid grid gets streched if vertical space is not used fully

Fixed by adding a container for the card grid.
That way the actual card grid has no height and
is therefore not streched vertically.

pdb-js/src/app/gallery-view/gallery-view.component.html

@@ -20,11 +20,14 @@
     <pdb-gallery-filter-view (valueChanged)="filterChanged($event)"></pdb-gallery-filter-view>
     
   </div>
-<div
+  <div
     *ngIf="show"
+    class="card-grid-container">
+    <div
       id="gallery" 
       class="card-grid-300">
       <pdb-gallery-item-view
         *ngFor="let galleryItem of filteredSortedGalleryItems()" [data]="galleryItem">
       </pdb-gallery-item-view>
+    </div>
 </div>

pdb-js/src/app/gallery-view/gallery-view.component.scss

@@ -6,13 +6,15 @@
   background-color: #f8f8f8;
 }
 
+.card-grid-container {
+  overflow-y: auto;
+  height: calc(100% - 4.5em);
+}
 
 .card-grid-300 {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(300px, 300px));
   grid-gap: 10px;
   padding: 10px;
-  overflow-y: auto;
-  height: calc(100% - 4.5em);
 }