1 files changed, 29 insertions, 8 deletions

diff --git a/frontend/src/css/Dialog.css b/frontend/src/css/Dialog.css
index fc557d2..d2f0528 100644
--- a/frontend/src/css/Dialog.css
+++ b/frontend/src/css/Dialog.css
@@ -1,6 +1,6 @@
 .dimmer {
     position: fixed;
-        /* WHAT A SCHTUPID ACTION */
+    /* WHAT A SCHTUPID ACTION */
     width: 200%;
     height: 100%;
     background-color: rgba(0, 0, 0, 0.5);
@@ -8,12 +8,12 @@
 }
 
 .dialog-container {
-        position: absolute;
-        top: 0px;
-        left: -350px;
-        width: 100%;
-        height: 100%;
-        z-index: 10000;
+    position: absolute;
+    top: 0px;
+    left: -350px;
+    width: 100%;
+    height: 100%;
+    z-index: 10000;
 }
 
 .dialog {
@@ -40,7 +40,8 @@
     padding: 8px;
 }
 
-.dialog-header, .dialog-btns-container {
+.dialog-header,
+.dialog-btns-container {
     background-color: #202232;
 }
 
@@ -93,3 +94,23 @@
         opacity: 1;
     }
 }
+
+@media screen and (max-width: 768px) {
+    .dialog-container {
+        left: 0;
+    }
+
+    .dialog {
+        min-width: 300px;
+        max-width: 90vw;
+    }
+
+    .dialog-header {
+        font-size: 20px;
+    }
+
+    .dialog-description {
+        font-size: 16px;
+        padding: 12px 8px;
+    }
+}
\ No newline at end of file