fix placement of book abstract

diff --git a/src/catalogue/templates/catalogue/book_short.html b/src/catalogue/templates/catalogue/book_short.html
index b2a912f..fe4871d 100644 (file)
--- a/src/catalogue/templates/catalogue/book_short.html
+++ b/src/catalogue/templates/catalogue/book_short.html
@@ -138,16 +138,14 @@
           </div>
         </li>
       </ul>
           </div>
         </li>
       </ul>

-      <div class="clearboth"></div>
-      {% if book.abstract %}
-        <div class="abstract more">
-          {{ book.abstract|safe }}
-        </div>
-      {% endif %}

       {% block book-box-extra-info %}{% endblock %}
       {% block book-box-extra-info %}{% endblock %}

-      {% block box-append %}
-      {% endblock %}
+      {% block box-append %}{% endblock %}

     </div>
     </div>

+    {% if book.abstract %}
+      <div class="abstract more">
+        {{ book.abstract|safe }}
+      </div>
+    {% endif %}

     {% endwith %}
 
     {% block right-column %}
     {% endwith %}
 
     {% block right-column %}

diff --git a/src/wolnelektury/static/scss/main/book_box.scss b/src/wolnelektury/static/scss/main/book_box.scss
index dd2a77f..ddb4b72 100755 (executable)
--- a/src/wolnelektury/static/scss/main/book_box.scss
+++ b/src/wolnelektury/static/scss/main/book_box.scss
@@ -136,6 +136,7 @@
     @media screen and (min-width: 1024px) {
       display: inline-block;
       @include size(width, 590px);
     @media screen and (min-width: 1024px) {
       display: inline-block;
       @include size(width, 590px);

+      @include size(min-height, 196px);

     }
   }
 
     }
   }
 


@@ -175,6 +176,7 @@
       @media screen and (min-width: 62.5em) {
         float: left;
         @include size(width, 536px);
       @media screen and (min-width: 62.5em) {
         float: left;
         @include size(width, 536px);

+        @include size(min-height, 196px);

       }
     }
 
       }
     }
 


@@ -525,6 +527,10 @@
   overflow: hidden;
   position: relative;
 
   overflow: hidden;
   position: relative;
 

+  @media screen and (min-width: 62.5em) {
+    @include size(width, 536px);
+  }
+

   p.paragraph {
     margin-bottom: 0;
     margin-top: 1.2em;
   p.paragraph {
     margin-bottom: 0;
     margin-top: 1.2em;