Small html/css fixes

fedireads/static/format.css

@@ -645,33 +645,38 @@ input:checked ~ .compose-suggestion {
 blockquote {
     white-space: pre-line;
 }
-blockquote .icon-quote-open, blockquote .icon-quote-close, .quote .icon-quote-open, .quote .icon-quote-close {
+blockquote .icon-quote-open, blockquote .icon-quote-close, .quote blockquote:before, .quote blockquote:after {
     font-size: 2rem;
     margin-right: 0.5rem;
     color: #888;
 }
-blockquote .icon-quote-open, .quote .icon-quote-close {
+blockquote .icon-quote-open {
     float: left;
 }
+
 .quote {
     margin-bottom: 2em;
     position: relative;
 }
-.quote .icon-quote-open, .quote .icon-quote-close {
-    position: absolute;
-}
-.quote .icon-quote-open {
-    top: -0.5rem;
-}
-.quote .icon-quote-close {
-    right: 0;
-    bottom: 1.5rem;
-}
 .quote blockquote {
     background-color: white;
     margin: 1em;
     padding: 1em;
 }
+.quote blockquote:before, .quote blockquote:after {
+    font-family: 'icomoon';
+    position: absolute;
+}
+.quote blockquote:before {
+    content: "\e904";
+    top: 0;
+    left: 0;
+}
+.quote blockquote:after {
+    content: "\e903";
+    bottom: 1em;
+    right: 0;
+}
 
 .interaction {
     background-color: #B2DBBF;

fedireads/templates/book.html

@@ -76,6 +76,7 @@
             </div>
 
             {% endif %}
+        </div>
     </div>
 </div>
 

fedireads/templates/snippets/covers_shelf.html

@@ -12,11 +12,9 @@
         <div class="covers-shelf {{ shelf.identifier }} ">
             {% for book in shelf.books %}
             <div class="cover-container">
-            <div>
                 <label for="book-{{ book.id }}-radio">
                     {% include 'snippets/book_cover.html' with book=book %}
                 </label>
-            </div>
             {% include 'snippets/shelve_button.html' with book=book %}
             </div>
             {% endfor %}

fedireads/templates/snippets/status_content.html

@@ -42,9 +42,7 @@
 
         {% if status.quote %}
         <div class="quote">
-            <span class="icon icon-quote-open"></span>
             <blockquote>{{ status.quote }}</blockquote>
-            <span class="icon icon-quote-close"></span>
 
             <p> &mdash; {% include 'snippets/book_titleby.html' with book=status.book %}</p>
         </div>