From: Jan Szejko <janek37@gmail.com>
Date: Thu, 5 Jul 2018 13:26:18 +0000 (+0200)
Subject: fix overlapping abstract
X-Git-Url: https://git.mdrn.pl/wolnelektury.git/commitdiff_plain/4167e7083d75589e9dbbaa05bfcb43d27b60b42f?hp=468c2e650c854ffa691afc73aa1f41ce61283cdb

fix overlapping abstract
---

diff --git a/src/catalogue/templates/catalogue/book_short.html b/src/catalogue/templates/catalogue/book_short.html
index 0361e8d5d..c8dd95f94 100644
--- a/src/catalogue/templates/catalogue/book_short.html
+++ b/src/catalogue/templates/catalogue/book_short.html
@@ -19,6 +19,15 @@
         {% block book-box-body-pre %}
         {% endblock %}
 
+        <div class="cover-area">
+          {% if book.cover_thumb %}
+            <a href="{{ book.get_absolute_url }}">
+              <img src="{{ book.cover_thumb.url }}" alt="Cover" class="cover" />
+            </a>
+          {% endif %}
+          {% block cover-area-extra %}{% endblock %}
+        </div>
+
         <div class="book-box-head">
           <div class="author">
             {% for tag in tags.author %}
@@ -36,15 +45,6 @@
           {% endif %}
         </div>
 
-        <div class="cover-area">
-          {% if book.cover_thumb %}
-            <a href="{{ book.get_absolute_url }}">
-              <img src="{{ book.cover_thumb.url }}" alt="Cover" class="cover" />
-            </a>
-          {% endif %}
-          {% block cover-area-extra %}{% endblock %}
-        </div>
-
         <div class="tags">
           <span class="category">
           <span class="mono"> {% trans "Epoch" %}:</span>&nbsp;<span class="book-box-tag">
diff --git a/src/wolnelektury/static/scss/main/book_box.scss b/src/wolnelektury/static/scss/main/book_box.scss
index ddb4b7218..9e87e3917 100755
--- a/src/wolnelektury/static/scss/main/book_box.scss
+++ b/src/wolnelektury/static/scss/main/book_box.scss
@@ -15,10 +15,10 @@
   @include size(margin-bottom, 5px);
 
   @include min-screen($S_BOOK_SHORT_FULL) {
-    position: absolute;
-    top: 0;
-    left: 0;
-    margin-right: 0;
+    //position: absolute;
+    //top: 0;
+    //left: 0;
+    //margin-right: 0;
   }
 
   img.cover {