From 94a7192c3e01f2df2ce77d77ffa6c7cb6460f19a Mon Sep 17 00:00:00 2001
From: Matheus Dantas <matheus.kohaku.dantas@gmail.com>
Date: Sun, 5 May 2024 17:03:15 -0300
Subject: [PATCH] add space between images inside preview and removed blank
 space of image preview

---
 src/renderer/src/pages/game-details/gallery-slider.tsx  | 4 +++-
 src/renderer/src/pages/game-details/game-details.css.ts | 1 +
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/renderer/src/pages/game-details/gallery-slider.tsx b/src/renderer/src/pages/game-details/gallery-slider.tsx
index ada6bbfe..760e46cd 100644
--- a/src/renderer/src/pages/game-details/gallery-slider.tsx
+++ b/src/renderer/src/pages/game-details/gallery-slider.tsx
@@ -110,7 +110,9 @@ export function GallerySlider({ gameDetails }: GallerySliderProps) {
                     }
                     className={`${styles.gallerySliderMediaPreview} ${mediaIndex === i + (gameDetails.movies ? gameDetails.movies.length : 0) ? styles.gallerySliderMediaPreviewActive : ""}`}
                     src={image.path_full}
-                    style={{ translate: `${-85 * mediaIndex}%` }}
+                    style={{
+                      translate: `${mediaIndex >= mediaCount - 3 ? -85 * (mediaCount - 4) : -85 * mediaIndex}%`,
+                    }}
                   />
                 )
               )}
diff --git a/src/renderer/src/pages/game-details/game-details.css.ts b/src/renderer/src/pages/game-details/game-details.css.ts
index f6422c9b..de939578 100644
--- a/src/renderer/src/pages/game-details/game-details.css.ts
+++ b/src/renderer/src/pages/game-details/game-details.css.ts
@@ -135,6 +135,7 @@ export const gallerySliderMediaPreview = style({
   flexShrink: 0,
   flexGrow: 0,
   opacity: 0.3,
+  paddingRight: "0.5rem",
   transition: "translate 300ms ease-in-out",
   ":hover": {
     opacity: 1,