From 1ebd6d5049e13076e9d798d9018c17afdd94ebc0 Mon Sep 17 00:00:00 2001
From: Mouse Reeve <mousereeve@riseup.net>
Date: Wed, 8 Apr 2020 10:49:20 -0700
Subject: [PATCH] Tweaks css on compose popout

---
 fedireads/static/format.css                    | 3 +++
 fedireads/templates/snippets/covers_shelf.html | 2 +-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/fedireads/static/format.css b/fedireads/static/format.css
index 5ca697919..9144f5ef9 100644
--- a/fedireads/static/format.css
+++ b/fedireads/static/format.css
@@ -550,6 +550,9 @@ dd {
 }
 .compose-suggestion {
     display: none;
+    box-shadow: 0 5px 10px rgba(0,0,0,0.15);
+    padding-bottom: 1em;
+    margin-top: 2em;
 }
 input:checked ~ .compose-suggestion {
     display: block;
diff --git a/fedireads/templates/snippets/covers_shelf.html b/fedireads/templates/snippets/covers_shelf.html
index 8521f841a..ed68d37c1 100644
--- a/fedireads/templates/snippets/covers_shelf.html
+++ b/fedireads/templates/snippets/covers_shelf.html
@@ -28,7 +28,7 @@
 
 {% for shelf in shelves %}
     {% for book in shelf.books %}
-<div class="content-container compose-popout">
+<div class="compose-popout">
     <input name="book-popout" type="radio" id="book-{{ book.id }}-radio"></input>
     <div class="compose-suggestion" id="compose-book-{{ book.id }}">
         <label class="close icon icon-close" for="book-{{ book.id }}-radio-close" onclick="hide_element(this)">