fix overlapping abstract

diff --git a/src/catalogue/templates/catalogue/book_short.html b/src/catalogue/templates/catalogue/book_short.html
index 0361e8d..c8dd95f 100644 (file)
--- 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 %}
 
         {% 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 %}
         <div class="book-box-head">
           <div class="author">
             {% for tag in tags.author %}


@@ -36,15 +45,6 @@
           {% endif %}
         </div>
 
           {% 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">
         <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 ddb4b72..9e87e39 100755 (executable)
--- 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) {
   @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 {
   }
 
   img.cover {