From ef5b22b5852963c24735d497d8a85468266456d9 Mon Sep 17 00:00:00 2001
From: Robbie Davis <robbie@therobbiedavis.com>
Date: Tue, 20 Jul 2021 21:36:40 -0400
Subject: [PATCH] Fixing up a sizing issue while keeping a restriction on
 height for webtoons (#412)

- increased the max-height to incorporate a percentage width for responsive scaling.
- Removed image-centering. No longer needed.
---
 UI/Web/src/app/series-detail/series-detail.component.html | 2 +-
 UI/Web/src/app/series-detail/series-detail.component.scss | 7 ++-----
 2 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/UI/Web/src/app/series-detail/series-detail.component.html b/UI/Web/src/app/series-detail/series-detail.component.html
index 0b81a6d15..77cb67133 100644
--- a/UI/Web/src/app/series-detail/series-detail.component.html
+++ b/UI/Web/src/app/series-detail/series-detail.component.html
@@ -1,6 +1,6 @@
 <div class="container-fluid" *ngIf="series !== undefined" style="padding-top: 10px">
     <div class="row mb-3">
-        <div class="col-md-2 col-xs-4 col-sm-6 image-center">
+        <div class="col-md-2 col-xs-4 col-sm-6">
             <img class="poster" [lazyLoad]="imageService.getSeriesCoverImage(series.id)" [defaultImage]="imageService.placeholderImage">
         </div>
         <div class="col-md-10 col-xs-8 col-sm-6">
diff --git a/UI/Web/src/app/series-detail/series-detail.component.scss b/UI/Web/src/app/series-detail/series-detail.component.scss
index fe7aa5684..8b3da7c30 100644
--- a/UI/Web/src/app/series-detail/series-detail.component.scss
+++ b/UI/Web/src/app/series-detail/series-detail.component.scss
@@ -6,12 +6,9 @@
 
 }
 
-.image-center {
-  text-align: center;
-}
-
 .poster {
-    max-height: 230px;
+    width: 100%;
+    max-height: 481px;
 }
 
 .rating-star {