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

@@ -22,9 +22,12 @@
   </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);
 }