From 89277f1e257659e7603bc2c20aa022b34e27ee37 Mon Sep 17 00:00:00 2001
From: peolic <66393006+peolic@users.noreply.github.com>
Date: Thu, 26 Nov 2020 01:33:41 +0200
Subject: [PATCH] Fix oversized movie images on scrape dialog (#961)

---
 .../src/components/Movies/MovieDetails/MovieScrapeDialog.tsx  | 4 ++--
 ui/v2.5/src/components/Scenes/styles.scss                     | 4 ++++
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/ui/v2.5/src/components/Movies/MovieDetails/MovieScrapeDialog.tsx b/ui/v2.5/src/components/Movies/MovieDetails/MovieScrapeDialog.tsx
index 58c344e10..8d39a6b1d 100644
--- a/ui/v2.5/src/components/Movies/MovieDetails/MovieScrapeDialog.tsx
+++ b/ui/v2.5/src/components/Movies/MovieDetails/MovieScrapeDialog.tsx
@@ -180,13 +180,13 @@ export const MovieScrapeDialog: React.FC<IMovieScrapeDialogProps> = (
         />
         <ScrapedImageRow
           title="Front Image"
-          className="front-image"
+          className="movie-image"
           result={frontImage}
           onChange={(value) => setFrontImage(value)}
         />
         <ScrapedImageRow
           title="Back Image"
-          className="front-image"
+          className="movie-image"
           result={backImage}
           onChange={(value) => setBackImage(value)}
         />
diff --git a/ui/v2.5/src/components/Scenes/styles.scss b/ui/v2.5/src/components/Scenes/styles.scss
index 8789dbe3c..d4b23d796 100644
--- a/ui/v2.5/src/components/Scenes/styles.scss
+++ b/ui/v2.5/src/components/Scenes/styles.scss
@@ -252,6 +252,10 @@ textarea.scene-description {
   max-width: 100%;
 }
 
+.movie-image {
+  max-width: 100%;
+}
+
 .movie-table {
   width: 100%;