Improve positioning of description dialog

2017-01-24 08:35:21 +01:00 · 2017-01-24 08:35:21 +01:00 · e8622a3f42
parent 6d1ceccecd
commit e8622a3f42
1 changed files with 4 additions and 5 deletions
--- 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;