X-Git-Url: http://git.nikiroo.be/?a=blobdiff_plain;f=src%2Fbe%2Fnikiroo%2Ffanfix%2Flibrary%2Fweb%2Fstyle.css;fp=src%2Fbe%2Fnikiroo%2Ffanfix%2Flibrary%2Fweb%2Fstyle.css;h=e541ddd9861f63b4f579b63f4d31b05a42b11b89;hb=6b675cd472d827a68abfc2624789947fa207a1e0;hp=3e59952f722096151bd2d684d34a709fe48f4b50;hpb=6b89e45caaa566895d505b56c9ef272dd67f1d76;p=fanfix.git diff --git a/src/be/nikiroo/fanfix/library/web/style.css b/src/be/nikiroo/fanfix/library/web/style.css index 3e59952..e541ddd 100644 --- a/src/be/nikiroo/fanfix/library/web/style.css +++ b/src/be/nikiroo/fanfix/library/web/style.css @@ -295,13 +295,19 @@ a.viewer.link:hover { .desc { display: flex; + flex-direction: column; padding-top: 10px; } -.desc .cover img { - width: 100px; - padding-right: 10px; +.desc .cover { max-height: 280px; + overflow: hidden; +} + +.desc .cover img { + max-width: 80%; + margin: auto; + display: block; } .desc .details .col1 { @@ -323,4 +329,10 @@ a.viewer.link:hover { .bar.optionbar.s1 { padding-left: calc(400px - (1 * (64px + 5px) / 2)); } .bar.optionbar.s4 { padding-left: calc(400px - (4 * (64px + 5px) / 2)); } + + .desc { flex-direction: row; } + .desc .cover img { + width: 200px; + padding-right: 10px; + } }