From e8622a3f42458bd1826f0b291e69a88e806fbad0 Mon Sep 17 00:00:00 2001
From: Frode Petterson <frode.andre.petterson@gmail.com>
Date: Tue, 24 Jan 2017 08:35:21 +0100
Subject: [PATCH] Improve positioning of description dialog

---
 memory-game.css | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/memory-game.css b/memory-game.css
index 87f96a6..f491184 100644
--- a/memory-game.css
+++ b/memory-game.css
@@ -173,13 +173,12 @@
   padding: 1em;
   width: 20em;
   position: absolute;
-  top: 2em;
+  top: 50%;
   left: 50%;
-  margin-left: -10em;
   box-shadow: 0 0 1em #666;
-  -webkit-transform: translateZ(1.5em);
-  -moz-transform: translateZ(1.5em);
-  transform: translateZ(1.5em);
+  -webkit-transform: translate(-50%,-50%);
+  -moz-transform: translate(-50%,-50%);
+  transform: translate(-50%,-50%);
 }
 .h5p-memory-game .h5p-memory-image {
   float: left;