From 82f8e1fc0429b07b44e4df65eb2ca1097b54d988 Mon Sep 17 00:00:00 2001
From: grimsi <9295182+grimsi@users.noreply.github.com>
Date: Sat, 6 Aug 2022 12:40:36 +0200
Subject: [PATCH] Fix gap in grid layout of game screenshots

---
 .../game-detail-view.component.html              | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/frontend/src/app/components/game-detail-view/game-detail-view.component.html b/frontend/src/app/components/game-detail-view/game-detail-view.component.html
index d7de92e..27dff99 100644
--- a/frontend/src/app/components/game-detail-view/game-detail-view.component.html
+++ b/frontend/src/app/components/game-detail-view/game-detail-view.component.html
@@ -41,23 +41,23 @@
         </div>
       </div>
     </div>
+
     <div fxLayout="column" fxLayoutGap="16px">
+
       <div *ngIf="game.screenshotIds !== undefined && game.screenshotIds.length > 0">
         <h2>Screenshots</h2>
-        <div fxLayout="row wrap" fxLayoutGap="8px">
-          <div *ngFor="let screenshotId of game.screenshotIds">
-            <game-screenshot [screenshotId]="screenshotId"></game-screenshot>
-          </div>
+        <div fxLayout="row wrap" fxLayoutGap="8px grid">
+          <game-screenshot *ngFor="let screenshotId of game.screenshotIds" [screenshotId]="screenshotId" style="margin-bottom: -6px"></game-screenshot>
         </div>
       </div>
+
       <div *ngIf="game.videoIds !== undefined && game.videoIds.length > 0">
         <h2>Videos</h2>
-        <div fxLayout="row wrap" fxLayoutGap="8px">
-          <div *ngFor="let videoId of game.videoIds">
-            <game-video [videoId]="videoId" [width]="555" [height]="312"></game-video>
-          </div>
+        <div fxLayout="row wrap" fxLayoutGap="8px grid">
+          <game-video *ngFor="let videoId of game.videoIds" [videoId]="videoId" [width]="555" [height]="312"></game-video>
         </div>
       </div>
+
     </div>
   </div>
 </div>