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

diff --git a/src/wolnelektury/static/scss/main/book_box.scss b/src/wolnelektury/static/scss/main/book_box.scss
index 1674a29b7..51d3fece2 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;
         }
@@ -372,10 +388,16 @@
     .book-box-read {
         a {
             @include mono;
+            display: inline-block;
+            background: #0D7E85;
+            color: white;
+            @include size(width, 200px);
+            text-align: center;
+            @include size(margin-bottom, 5px);
         }
 
         a:before {
-            content: url("/static/img/read.png");
+            content: url("/static/img/read-white.png");
             @include size(font-size, 25px);
             @include size(margin-right, 3.71px);
             vertical-align: middle;