From a89afb5fcf6a7b9b9a2ca3d619c048d165971ce7 Mon Sep 17 00:00:00 2001
From: Deluan <deluan@navidrome.org>
Date: Sun, 22 Nov 2020 15:01:08 -0500
Subject: [PATCH] Fix aspect ratio in Album show view

---
 ui/src/album/AlbumDetails.js  | 3 ++-
 ui/src/album/AlbumGridView.js | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/ui/src/album/AlbumDetails.js b/ui/src/album/AlbumDetails.js
index 17e2a4343..3260360e2 100644
--- a/ui/src/album/AlbumDetails.js
+++ b/ui/src/album/AlbumDetails.js
@@ -63,10 +63,11 @@ const useStyles = makeStyles((theme) => ({
     },
   },
   cover: {
+    objectFit: 'contain',
     cursor: 'pointer',
     display: 'block',
     width: '100%',
-    height: 'auto',
+    height: '100%',
   },
   starButton: {
     top: theme.spacing(-0.2),
diff --git a/ui/src/album/AlbumGridView.js b/ui/src/album/AlbumGridView.js
index 8476217b3..ff1d1c842 100644
--- a/ui/src/album/AlbumGridView.js
+++ b/ui/src/album/AlbumGridView.js
@@ -77,7 +77,7 @@ const useCoverStyles = makeStyles({
   cover: {
     display: 'inline-block',
     width: '100%',
-    'object-fit': 'contain',
+    objectFit: 'contain',
     height: (props) => props.height,
   },
 })