#6: Endpoint do pobierania elementów galerii (wstępna wersja)

[wolnelektury.git] / src / wolnelektury / static / scss / main / book_box.scss

diff --git a/src/wolnelektury/static/scss/main/book_box.scss b/src/wolnelektury/static/scss/main/book_box.scss
index 1674a29..55eba24 100755 (executable)
--- 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;
     .title {
         @include size(font-size, 14px);
         color: #242424;

+        white-space: normal;

     }
 }
 
     }
 }
 


@@ -119,18 +120,32 @@
         @include inner-box;
         @include size(min-height, 197.5px);
     }
         @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) {
 
     .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;
 
     .jp-type-playlist {
         margin-top: 24px;

+        margin-left: 0.625rem;

 
         @media screen and (min-width: 1024px) {
             float: right;
 
         @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) {
         margin-bottom: 5px;
 
         @include min-screen($S_BOOK_SHORT_FULL) {

-            clear: right;

             @include size(max-height, 57.6px);
             overflow: hidden;
         }
             @include size(max-height, 57.6px);
             overflow: hidden;
         }