X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/87e084d47c335cd6f0b3e91d614999f55d148044..4d9f6719c754615261fc5c63d5a7081e598ed711:/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..e8a83f731 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;
         }
@@ -427,10 +443,14 @@
     @include size(margin-right, 11.25px);
     position: absolute;
     right: 0;
+    z-index: 10;
 
-    button::-moz-focus-inner {
-        padding: 0;
-        border: 0
+    button {
+        cursor: pointer;
+        &::-moz-focus-inner {
+            padding: 0;
+            border: 0;
+        }
     }
     .if-unlike button {
         font-size: 1em;