From 1734f5c345c4c944947eb911de5d9cd98e24730d Mon Sep 17 00:00:00 2001
From: Bill Thornton <billt2006@gmail.com>
Date: Fri, 13 Aug 2021 14:43:55 -0400
Subject: [PATCH] Mobile layout refinements

---
 src/assets/css/librarybrowser.scss   | 4 ++--
 src/controllers/itemDetails/index.js | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/assets/css/librarybrowser.scss b/src/assets/css/librarybrowser.scss
index 4ac2ae28f1..b8a7a98126 100644
--- a/src/assets/css/librarybrowser.scss
+++ b/src/assets/css/librarybrowser.scss
@@ -587,7 +587,7 @@
 }
 
 .layout-mobile .mainDetailButtons {
-    margin-top: 0.5em;
+    margin-top: 1em;
     margin-bottom: 0.5em;
     margin-left: 37.5%;
 
@@ -702,7 +702,7 @@
         left: 5%;
         bottom: 1rem;
         max-width: 30vw;
-        padding-left: 5%;
+        filter: drop-shadow(0 0 0.5rem #000);
 
         @media all and (max-width: 32em) {
             left: 0;
diff --git a/src/controllers/itemDetails/index.js b/src/controllers/itemDetails/index.js
index feede55098..e18ee6febf 100644
--- a/src/controllers/itemDetails/index.js
+++ b/src/controllers/itemDetails/index.js
@@ -565,8 +565,8 @@ function renderDetailPageBackdrop(page, item, apiClient) {
         return false;
     }
 
-    // Disable item backdrop for people because they never look right
-    if (item.Type === 'Person') {
+    // Disable item backdrop for books and people because they only have primary images
+    if (item.Type === 'Person' || item.Type === 'Book') {
         return false;
     }