changeset 215:23995179ecd8

Use flexbox for centering the image on image pages.
author Matti Hamalainen <ccr@tnsp.org>
date Thu, 22 Mar 2018 21:18:14 +0200
parents 926779f93229
children 1aed2ad39903
files basic.css
diffstat 1 files changed, 10 insertions(+), 1 deletions(-) [+]
line wrap: on
line diff
--- a/basic.css	Thu Mar 22 18:17:38 2018 +0200
+++ b/basic.css	Thu Mar 22 21:18:14 2018 +0200
@@ -268,6 +268,15 @@
 
 
 #imageImageBox {
+	position: absolute;
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 0;
+
+	display: flex;
+	align-items: center;
+	justify-content: center;
 }
 
 
@@ -428,7 +437,7 @@
 			width: 40%;
 		}
 
-		#pageInfoHeader {
+		#pageInfoHeader, h1 {
 			font-size: 1.25em;
 		}