docs: simplify css-centering

With "display: flex;" we can make this a bit more automatic, not
requiring a bunch of values to be of specific values to get the right
centering.

Signed-off-by: Erik Faye-Lund <erik.faye-lund@collabora.com>
Reviewed-by: Eric Engestrom <eric.engestrom@intel.com>

diff --git a/docs/mesa.css b/docs/mesa.css
index 06e94c5f087bb83d1eed58678cc1fd2f71b4b838..d625f618e4c3ea984885c8bf4155f103fedb4118 100644 (file)
--- a/docs/mesa.css
+++ b/docs/mesa.css
@@ -44,13 +44,12 @@ iframe {
 .header {
        background: url('gears.png') 15px no-repeat, black url('gears.png') right no-repeat;
        height: 80px;
+       display: flex;
+       text-align: center;
 }
 
 .header h1 {
        color: white;
        font: x-large sans-serif;
-       text-align: center;
-       height: 50px;
-       margin: 0;
-       padding-top: 30px;
+       margin: auto;
 }