X-Git-Url: http://git.nikiroo.be/?p=nikiroo-utils.git;a=blobdiff_plain;f=src%2Fbe%2Fnikiroo%2Ffanfix%2Flibrary%2Fweb%2Fstyle.css;h=aadbf332a566e546933e738103c661cdfc18c5dc;hp=705006cf4ce91cb203103d24e36971d90b9ded2f;hb=8032f93f5a57a60e728946e170fd5d469ca0723c;hpb=3fbc084c1d4adb2176816692f722e8d5e8b4867e

diff --git a/src/be/nikiroo/fanfix/library/web/style.css b/src/be/nikiroo/fanfix/library/web/style.css
index 705006c..aadbf33 100644
--- a/src/be/nikiroo/fanfix/library/web/style.css
+++ b/src/be/nikiroo/fanfix/library/web/style.css
@@ -24,7 +24,8 @@ table {
 }
 
 .main {
-	display: block;
+	max-width: 800px;
+	margin: auto;
 }
 
 .message {
@@ -133,6 +134,7 @@ h3 {
 	display: block;
 	background: white;
 	position: fixed;
+	margin: auto;
 }
 
 .viewer {
@@ -155,7 +157,7 @@ a.viewer.link:hover {
 }
 
 .bar.navbar {
-	padding-left: calc(50% - (4 * 64px / 2));
+	padding-left: calc(min(50%, 800px / 2) - (4 * 64px / 2));
 }
 
 .bar.optionbar {
@@ -163,11 +165,11 @@ a.viewer.link:hover {
 }
 
 .bar.optionbar.s1 {
-	padding-left: calc(50% - (1 * 64px / 2));
+	padding-left: calc(min(50%, 800px / 2) - (1 * 64px / 2));
 }
 
 .bar.optionbar.s4 {
-	padding-left: calc(50% - (4 * 64px / 2));
+	padding-left: calc(min(50%, 800px / 2) - (4 * 64px / 2));
 }
 
 .bar .button {