From e8208aa438c8b2d137b3bb679fd7b304ce72480a Mon Sep 17 00:00:00 2001
From: gorhill <rhill@raymondhill.net>
Date: Fri, 12 Jun 2015 08:26:54 -0400
Subject: [PATCH] h/v center with flex = no subpixel positioning artifacts

---
 src/css/logger-ui.css | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/css/logger-ui.css b/src/css/logger-ui.css
index 572fadd26..b17d147bb 100644
--- a/src/css/logger-ui.css
+++ b/src/css/logger-ui.css
@@ -279,9 +279,15 @@ body[dir="rtl"] #popupContainer > div {
     }
 
 .modalDialog {
+    align-items: center;
+    -webkit-align-items: center;
     background-color: rgba(0, 0, 0, 0.5);
     border: 0;
     bottom: 0;
+    display: flex;
+    display: -webkit-flex;
+    justify-content: center;
+    -webkit-justify-content: center;
     left: 0;
     margin: 0;
     position: fixed;
@@ -294,11 +300,6 @@ body[dir="rtl"] #popupContainer > div {
     background-color: white;
     border: 2px solid white;
     box-sizing: border-box;
-    left: 10%;
-    position: absolute;
-    top: 50%;
-    transform: translate(0, -50%);
-    transform-style: preserve-3d;
     width: 80%;
     }