X-Git-Url: http://git.nikiroo.be/?a=blobdiff_plain;f=src%2Fbe%2Fnikiroo%2Ffanfix%2Flibrary%2Fweb%2Fstyle.css;h=e00a52ac343ca57486addaee999f0c07402b62a0;hb=4bd7d202930dd0ba9129c7bd6af7dd83bc294c24;hp=5c4d1bbf017953ea95bd28b29de6804ff8033586;hpb=198c7d1e0e5e0fd7777435a4742c39f75f00c63b;p=fanfix.git

diff --git a/src/be/nikiroo/fanfix/library/web/style.css b/src/be/nikiroo/fanfix/library/web/style.css
index 5c4d1bb..e00a52a 100644
--- 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 {
 }
 
@@ -67,7 +63,7 @@ h3 {
 	width: 250px;
 	display: flex;
 	margin: auto;
-	margin-top: 200px;
+	margin-top: calc(50% - 320px);
 	flex-direction: column;
 	border: 1px solid gray;
 	padding: 20px;
@@ -88,6 +84,18 @@ h3 {
 
 .filter {
 	padding: 10px;
+	height: 36px;
+}
+
+.filter > * {
+	height: 36px;
+}
+
+.filter input[name='clear'] {
+	background-image: url('/clear-32x32.png');
+	color: transparent;
+	width: 36px;
+	height: 36px;
 }
 
 .books {
@@ -100,8 +108,7 @@ h3 {
 
 .book_line .link, .book_line .title {
 	flex-grow: 100;
-	padding-right: 5px;
-	padding-left: 5px;
+	padding: 5px;
 }
 
 .book_line .link {
@@ -136,25 +143,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 +188,33 @@ 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;
+}
+
+.desc .cover img {
+	width: 100px;
+}
+
 @media(min-width: 800px) {
 	 .main {
 	 	max-width: 800px;