X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/6d7eaf822781df2aa9d245bea57830dcc25c4183..fe14330cee64ab56c479ff83a4eb29a214c68d8f:/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 c9ccbf200..afcc79658 100755 --- a/src/wolnelektury/static/scss/main/book_box.scss +++ b/src/wolnelektury/static/scss/main/book_box.scss @@ -1,3 +1,6 @@ +@import "../tools"; +@import "const"; + @mixin inner-box { display: block; color: black; @@ -104,7 +107,8 @@ #books-list .plain-list-container .plain-list { p { - line-height: 1em; + line-height: 1.2em; + margin-bottom: 20px; &.header { font-weight: bold; } @@ -127,7 +131,7 @@ } } -.audiobook-box { +.audiobook-box, .search-result .book-box { .book-left-column { @media screen and (min-width: 1024px) { display: inline-block; @@ -135,9 +139,10 @@ } } - .audiobook-right-column { + .book-right-column { @media screen and (min-width: 1024px) { float: right; + @include size(padding-top, 15px); @include size(width, 360px); } } @@ -147,7 +152,6 @@ @media screen and (min-width: 1024px) { float: right; - margin-top: 48px; } } } @@ -283,7 +287,7 @@ @include size(width, 415px); top: 0; @include size(margin-left, 550px); - margin-top: 0em; + margin-top: 0; } } @@ -391,9 +395,13 @@ display: inline-block; background: #0D7E85; color: white; - @include size(width, 200px); + @include size(width, 170px); text-align: center; @include size(margin-bottom, 5px); + @include size(margin-right, 30px); + } + a.print { + margin-right: 0; } a:before { @@ -402,6 +410,13 @@ @include size(margin-right, 3.71px); vertical-align: middle; font-weight: normal; + // ugly quick fix + position: relative; + bottom: 2px; + } + + a.print:before { + content: ""; } } @@ -429,7 +444,7 @@ .book-box-formats { display: inline-block; - max-width: 220px; + max-width: 300px; vertical-align: top; padding-top: 6px; @@ -446,10 +461,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; @@ -477,6 +496,7 @@ #book-detail .see-also, #picture-detail .see-also { + display: inline-block; h1 { @include size(height, 32px); margin: 0;