X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/87e084d47c335cd6f0b3e91d614999f55d148044..9fc17f14ed2cdf669ae931051513097c0378413a:/src/wolnelektury/static/scss/main/book_box.scss?ds=sidebyside

diff --git a/src/wolnelektury/static/scss/main/book_box.scss b/src/wolnelektury/static/scss/main/book_box.scss
index 1674a29b7..55eba24d4 100755
--- a/src/wolnelektury/static/scss/main/book_box.scss
+++ b/src/wolnelektury/static/scss/main/book_box.scss
@@ -86,6 +86,7 @@
     .title {
         @include size(font-size, 14px);
         color: #242424;
+        white-space: normal;
     }
 }
 
@@ -119,18 +120,32 @@
         @include inner-box;
         @include size(min-height, 197.5px);
     }
+}
+
+
+.audiobook-box {
+    .book-left-column {
+        @media screen and (min-width: 1024px) {
+            display: inline-block;
+            @include size(width, 590px);
+        }
+    }
+
+    .audiobook-right-column {
+        @media screen and (min-width: 1024px) {
+            float: right;
+            @include size(width, 360px);
+        }
+    }
 
     .jp-type-playlist {
         margin-top: 24px;
 
         @media screen and (min-width: 1024px) {
-            position: absolute;
-            margin-top: 0;
-            right: 20px;
-            top: 60px;
+            float: right;
+            margin-top: 48px;
         }
     }
-
 }
 
 
@@ -249,9 +264,11 @@
 
     .jp-type-playlist {
         margin-top: 24px;
+        margin-left: 0.625rem;
 
         @media screen and (min-width: 1024px) {
             float: right;
+            margin-right: 0.625rem;
         }
     }
 
@@ -322,7 +339,6 @@
         margin-bottom: 5px;
 
         @include min-screen($S_BOOK_SHORT_FULL) {
-            clear: right;
             @include size(max-height, 57.6px);
             overflow: hidden;
         }