From 185796128b12b1a910c0db828205f2d303b7023d Mon Sep 17 00:00:00 2001
From: Muhammad Hamza <47357913+hamza1311@users.noreply.github.com>
Date: Sat, 29 Aug 2020 17:19:49 -0700
Subject: [PATCH] [matrix] Update model styles

---
 docs/_static/custom.js | 4 ++--
 docs/_static/style.css | 7 +++++--
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/docs/_static/custom.js b/docs/_static/custom.js
index 6e5c4ff5b..95d1539b2 100644
--- a/docs/_static/custom.js
+++ b/docs/_static/custom.js
@@ -13,7 +13,7 @@ class Modal {
 
   close() {
     activeModal = null;
-    this.element.hidden = true;
+    this.element.style.display = 'none'
   }
 
   open() {
@@ -21,7 +21,7 @@ class Modal {
       activeModal.close();
     }
     activeModal = this;
-    this.element.hidden = false;
+    this.element.style.display = 'flex'
   }
 }
 
diff --git a/docs/_static/style.css b/docs/_static/style.css
index b32e5464f..1b549b466 100644
--- a/docs/_static/style.css
+++ b/docs/_static/style.css
@@ -510,6 +510,7 @@ div.modal {
   overflow: hidden;
   background-color: rgba(0,0,0,0.4);
   cursor: pointer;
+  display: none;
 }
 
 div.modal-content {
@@ -517,10 +518,11 @@ div.modal-content {
   box-shadow: 0 2px 8px rgba(0,0,0,0.54);
   padding: 24px;
   border-radius: 4px;
-  margin: 20% auto;
-  width: 40%;
+  max-width: 40%;
   min-width: 350px;
   cursor: initial;
+  flex: 1;
+  margin: auto;
 }
 
 div.modal-content > span.close {
@@ -529,6 +531,7 @@ div.modal-content > span.close {
   font-weight: bold;
   -moz-user-select: none;
   -webkit-user-select: none;
+  cursor: pointer;
 }
 
 div.modal-content > span.close:hover,