From d9b7b28e5ab6a477ed6b370f137cdfad73855168 Mon Sep 17 00:00:00 2001
From: Bruno Windels <brunow@matrix.org>
Date: Fri, 31 Jan 2020 17:45:48 +0100
Subject: [PATCH] add css hacks to make EncryptionPanel look ok in Dialog

for the sas and verified phase
---
 .../_VerificationQREmojiOptions.scss          | 20 +++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/res/css/views/verification/_VerificationQREmojiOptions.scss b/res/css/views/verification/_VerificationQREmojiOptions.scss
index 6c9b527ba9..ceaece8853 100644
--- a/res/css/views/verification/_VerificationQREmojiOptions.scss
+++ b/res/css/views/verification/_VerificationQREmojiOptions.scss
@@ -66,6 +66,26 @@ limitations under the License.
     }
 }
 
+// Special case styling for EncryptionPanel in a Modal dialog
+.mx_Dialog {
+    // fixed with for when showing sas and once verified.
+    .mx_VerificationShowSas, .mx_VerificationPanel_verified_section {
+        width: 500px;
+    }
+
+    // EncryptionPanel when verification is done
+    .mx_VerificationPanel_verified_section {
+        // center the big shield icon
+        .mx_E2EIcon {
+            margin: 0 auto;
+        }
+        // right align the "Got it" button
+        .mx_AccessibleButton {
+            float: right;
+        }
+    }
+}
+
 //mx_IncomingSasDialog_startOptions
 //mx_IncomingSasDialog_startOption > canvas
 //mx_VerificationQREmojiOptions_noQR