[matrix] Update model styles

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'
   }
 }
 

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;
+  max-width: 40%;
-  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,