# HG changeset patch # User Matti Hamalainen # Date 1521746294 -7200 # Node ID 23995179ecd8e3b9645d54a2b7eabc6239ad57f1 # Parent 926779f93229a1b1f407fe2c12994f72742f85dd Use flexbox for centering the image on image pages. diff -r 926779f93229 -r 23995179ecd8 basic.css --- 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; }