From 708893022af96986f754308cab82241dd42ff609 Mon Sep 17 00:00:00 2001
From: Bruno Windels <brunow@matrix.org>
Date: Fri, 30 Oct 2020 22:52:08 +0100
Subject: [PATCH] use justify/align-self rather than auto margins, works better
 in IE11

---
 src/platform/web/ui/css/themes/element/theme.css | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/platform/web/ui/css/themes/element/theme.css b/src/platform/web/ui/css/themes/element/theme.css
index f11b658e..c6f4a620 100644
--- a/src/platform/web/ui/css/themes/element/theme.css
+++ b/src/platform/web/ui/css/themes/element/theme.css
@@ -686,17 +686,21 @@ button.link {
     background-repeat: no-repeat;
     width: 100%;
     height: 100%;
-    margin: auto;
+    align-self: center;
+    justify-self: center;
 }
 
 .lightbox .loading {
     grid-area: content;
-    margin: auto;
+    align-self: center;
+    justify-self: center;
+    display: flex;
 }
 
 .lightbox .close {
+    display: block;
     grid-area: close;
-    margin-left: auto;
+    justify-self: end;
     background-image: url('icons/dismiss.svg');
     background-position: center;
     background-size: 16px;