Fix picture detail styling.

[wolnelektury.git] / apps / wolnelektury_core / static / scss / main / book_box.scss

diff --git a/apps/wolnelektury_core/static/scss/main/book_box.scss b/apps/wolnelektury_core/static/scss/main/book_box.scss
index e8504e5..e72bca8 100755 (executable)
--- a/apps/wolnelektury_core/static/scss/main/book_box.scss
+++ b/apps/wolnelektury_core/static/scss/main/book_box.scss
@@ -216,6 +216,16 @@
     }
 }
 
+@media screen and (min-width: 50em) {
+    .picture.book-wide-box .right-column {
+        float: none;
+        @include size(width, 415px);
+        top: 0;
+        @include size(margin-left, 550px);
+        margin-top: 0em;
+    }
+}
+
 
 .book-box-body {
     @include size(margin-bottom, 10px);
@@ -355,18 +365,29 @@
             position: relative;
             z-index: 101;
 
-            &.downarrow {
-                color: black;
+            @mixin downarrow {
+                color: #0D7E85;
 
-                @include min-screen($S_BOOK_SHORT_FULL) {
-                    color: #0D7E85;
+                &:before {
+                    content: url("/static/img/download.png");
+                    @include size(font-size, 25px);
+                    @include size(margin-right, 3.71px);
+                    vertical-align: middle;
+                    font-weight: normal;
+                    display: inline;
+                }
+            }
 
+            &.downarrow {
+                @include downarrow;
+                &.hoverclick {
+                    color: black;
                     &:before {
-                        content: url("/static/img/download.png");
-                        @include size(font-size, 25px);
-                        @include size(margin-right, 3.71px);
-                        vertical-align: middle;
-                        font-weight: normal;
+                        display: none;
+                    }
+
+                    @include min-screen($S_BOOK_SHORT_FULL) {
+                        @include downarrow;
                     }
                 }
             }