From 7db8cbbff381a2f23f36790a5c850e8f9cfc5725 Mon Sep 17 00:00:00 2001
From: Nick Wallace <nwallace@fyberstudios.com>
Date: Tue, 31 Aug 2021 11:22:03 -0500
Subject: [PATCH] Fixed some css issues

---
 .../discover/components/card/discover-card.component.html | 2 +-
 .../shared/media-poster/media-poster.component.html       | 2 +-
 .../src/app/media-details/media-details.component.scss    | 8 ++++----
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/Ombi/ClientApp/src/app/discover/components/card/discover-card.component.html b/src/Ombi/ClientApp/src/app/discover/components/card/discover-card.component.html
index d8db82469..3eb66ee5f 100644
--- a/src/Ombi/ClientApp/src/app/discover/components/card/discover-card.component.html
+++ b/src/Ombi/ClientApp/src/app/discover/components/card/discover-card.component.html
@@ -11,7 +11,7 @@
     </div>
         <img [routerLink]="generateDetailsLink()" id="cardImage" src="{{result.posterPath}}" class="image"
             alt="{{result.title}}">
-        <div [ngClass]="result.posterPath != null ? 'middle-show' : 'middle'">
+        <div [ngClass]="result.posterPath != null ? 'middle' : 'middle-show'">
             <a class="poster-overlay" [routerLink]="generateDetailsLink()">
                 <div class="summary">
                     <div class="title" id="title{{result.id}}">{{result.title}}</div>
diff --git a/src/Ombi/ClientApp/src/app/media-details/components/shared/media-poster/media-poster.component.html b/src/Ombi/ClientApp/src/app/media-details/components/shared/media-poster/media-poster.component.html
index f0a6f04ea..58df8fb58 100644
--- a/src/Ombi/ClientApp/src/app/media-details/components/shared/media-poster/media-poster.component.html
+++ b/src/Ombi/ClientApp/src/app/media-details/components/shared/media-poster/media-poster.component.html
@@ -2,7 +2,7 @@
     <div class="sidebar sidebar-poster affixable affix-top">
         <div class="poster mobile-poster">
             <img class="real" src="{{posterPath}}" alt="Poster"
-                style="display: block;">
+                style="display: block; max-width: 400px;">
         </div>
         <!--Underneith poster-->
         <br />
diff --git a/src/Ombi/ClientApp/src/app/media-details/media-details.component.scss b/src/Ombi/ClientApp/src/app/media-details/media-details.component.scss
index 3b9fd4a15..6bb25852a 100644
--- a/src/Ombi/ClientApp/src/app/media-details/media-details.component.scss
+++ b/src/Ombi/ClientApp/src/app/media-details/media-details.component.scss
@@ -95,6 +95,10 @@
     line-height: 1.2;
 }
 
+#summary-wrapper .row {
+    margin-top: 3px;
+}
+
 #info-wrapper {
     min-height: 600px;
 }
@@ -256,10 +260,6 @@
     display: none !important;
     }
 
-
-#info-wrapper{
-    margin-top:-200px;
-}
 .full-screenshot.enabled.overlay{
     background-image: linear-gradient(to bottom, transparent, 50%, $ombi-background-primary);
 }