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 <[email protected]>
Reviewed-by: Eric Engestrom <[email protected]>

1 files changed, 3 insertions, 4 deletions

diff --git a/docs/mesa.css b/docs/mesa.css
index 06e94c5f087..d625f618e4c 100644
--- 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;
 }