From 27be13a201bfef8655b6a994950c7c2e22984911 Mon Sep 17 00:00:00 2001
From: Robbie Davis <robbie@therobbiedavis.com>
Date: Tue, 20 Jul 2021 13:26:02 -0400
Subject: [PATCH] Fixing poster image (#409)

- Removing width to prevent stretching
- Adding alignment to center image within container
---
 UI/Web/src/app/series-detail/series-detail.component.html | 2 +-
 UI/Web/src/app/series-detail/series-detail.component.scss | 5 ++++-
 2 files changed, 5 insertions(+), 2 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 77cb67133..0b81a6d15 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">
+        <div class="col-md-2 col-xs-4 col-sm-6 image-center">
             <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 a20fa48be..fe7aa5684 100644
--- a/UI/Web/src/app/series-detail/series-detail.component.scss
+++ b/UI/Web/src/app/series-detail/series-detail.component.scss
@@ -6,8 +6,11 @@
 
 }
 
+.image-center {
+  text-align: center;
+}
+
 .poster {
-    width: 100%;
     max-height: 230px;
 }