Show full title in wide box.

diff --git a/apps/wolnelektury_core/static/scss/main/book_box.scss b/apps/wolnelektury_core/static/scss/main/book_box.scss
index c9b3656..4640b30 100755 (executable)
--- a/apps/wolnelektury_core/static/scss/main/book_box.scss
+++ b/apps/wolnelektury_core/static/scss/main/book_box.scss
@@ -153,6 +153,20 @@
             @include size(margin-top, 5px);
         }
 
             @include size(margin-top, 5px);
         }
 

+        @include min-screen($S_BOOK_SHORT_FULL) {
+             // Show full title on the work's page.
+
+            .book-box-body {
+                height: auto;
+                @include size(min-height, 170px);
+
+                .book-box-head .title {
+                    height: auto;
+                    @include size(min-height, 57.6px);
+                }
+            }
+        }
+

         .book-box-head,
         .tags,
         .book-box-tools {
         .book-box-head,
         .tags,
         .book-box-tools {


@@ -292,6 +306,7 @@
     .tags {
         @include size(font-size, 11px);
         line-height: 1.2em;
     .tags {
         @include size(font-size, 11px);
         line-height: 1.2em;

+        margin-bottom: 5px;

 
         @include min-screen($S_BOOK_SHORT_FULL) {
             clear: right;
 
         @include min-screen($S_BOOK_SHORT_FULL) {
             clear: right;

diff --git a/apps/wolnelektury_core/static/scss/main/picture_box.scss b/apps/wolnelektury_core/static/scss/main/picture_box.scss
index c9a8c1b..69d34a3 100644 (file)
--- a/apps/wolnelektury_core/static/scss/main/picture_box.scss
+++ b/apps/wolnelektury_core/static/scss/main/picture_box.scss
@@ -3,6 +3,9 @@
         .cover-area {
             position: static;
             @include size(margin-right, 15px);
         .cover-area {
             position: static;
             @include size(margin-right, 15px);

+            @media screen and (min-width: 62.5em) {
+                margin-right: 0;
+            }

 
             img.cover {
                 @include size(width, 535px);
 
             img.cover {
                 @include size(width, 535px);


@@ -37,7 +40,8 @@
 
         @media screen and (min-width: 50em) {
             .book-box-body {
 
         @media screen and (min-width: 50em) {
             .book-box-body {

-                @include size(height, 170px);
+                height: auto;
+                @include size(min-height, 170px);

                 margin-bottom: 0;
             }
             .book-box-tools, .tags {
                 margin-bottom: 0;
             }
             .book-box-tools, .tags {