fix cover image, prepare desc

[nikiroo-utils.git] / src / be / nikiroo / fanfix / library / web / style.css

diff --git a/src/be/nikiroo/fanfix/library/web/style.css b/src/be/nikiroo/fanfix/library/web/style.css
index 5c4d1bbf017953ea95bd28b29de6804ff8033586..fb0119015fecd15c0faae17aca548a94cfe8cd72 100644 (file)
--- a/src/be/nikiroo/fanfix/library/web/style.css
+++ b/src/be/nikiroo/fanfix/library/web/style.css
@@ -6,10 +6,6 @@ html, body, .main {
        height: 100%;
 }
 
-table {
-       width: 100%;
-}
-
 .banner {
 }
 
@@ -136,25 +132,6 @@ h3 {
        margin: auto;
 }
 
-.viewer {
-       padding-top: 64px;
-       padding-bottom: 64px;
-}
-
-.viewer.img {
-       margin: auto;
-       display: block;
-}
-
-a.viewer.link:hover {
-       background-color: transparent;
-}
-
-.viewer.text {
-       padding-left: 10px;
-       padding-right: 10px;
-}
-
 .bar.navbar       { padding-left: calc(50% - (4 * 64px / 2)); }
 
 .bar.optionbar.s1 { padding-left: calc(50% - (1 * 64px / 2)); }
@@ -200,6 +177,29 @@ a.viewer.link:hover {
 .bar .button.zoomwidth  { background-image: url('/fit_to_width-32x32.png');  }
 .bar .button.zoomheight { background-image: url('/fit_to_height-32x32.png'); }
 
+.viewer {
+       padding-top: 64px;
+       padding-bottom: 64px;
+}
+
+.viewer.img {
+       margin: auto;
+       display: block;
+}
+
+a.viewer.link:hover {
+       background-color: transparent;
+}
+
+.viewer.text {
+       padding-left: 10px;
+       padding-right: 10px;
+}
+
+.desc {
+       display: flex;
+}
+
 @media(min-width: 800px) {
         .main {
                max-width: 800px;