Sync

static/css/main.css

@@ -1,3 +1,4 @@
+@charset "UTF-8";
 @import 'fontawesome-all.min.css';
 @import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,400italic,600italic|Roboto+Slab:400,700");
 /*
@@ -2492,16 +2493,22 @@ button:disabled,
   padding: 20px;
   border-radius: 5px;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
-  width: 400px;
+  width: 90%; /* Sæt bredden til 80% af skærmens bredde */
+  height: 90%;
   text-align: center;
-  z-index: 50000;
+  z-index: 50000; /* Content stays above the blurred overlay */
+  margin: 10% auto; /* Centrer modalen horisontalt og tilføj vertikal afstand */
 }
 
 .open {
+  padding: -20px;
+  margin: -10% auto; /* Centrer modalen horisontalt og tilføj vertikal afstand */
   transform: rotate(15deg);
 }
 
 .open_inv {
+  padding: -20px;
+  margin: -10% auto; /* Centrer modalen horisontalt og tilføj vertikal afstand */
   transform: rotate(-15deg);
 }