From 2d7dc05ab6479afd48bfa560f9b90e6fb667d894 Mon Sep 17 00:00:00 2001
From: kKaskak <117831817+kKaskak@users.noreply.github.com>
Date: Mon, 25 Mar 2024 20:42:41 +0200
Subject: [PATCH 1/4] fix: modal dialog styles

+ close button fix
---
 src/common/ModalDialog/styles.less | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/common/ModalDialog/styles.less b/src/common/ModalDialog/styles.less
index c3d1ae0d4..8f1ba5407 100644
--- a/src/common/ModalDialog/styles.less
+++ b/src/common/ModalDialog/styles.less
@@ -41,6 +41,7 @@
             height: 3rem;
             padding: 0.5rem;
             border-radius: var(--border-radius);
+            z-index: 2;
 
             .icon {
                 display: block;
@@ -68,6 +69,7 @@
             position: relative;
             height: 100%;
             width: 100%;
+            padding: 0 1rem;
 
             .title-container {
                 flex: 1 0 auto;

From 5c4d74c575443a0724841b4a2a8604df1c470fda Mon Sep 17 00:00:00 2001
From: kKaskak <117831817+kKaskak@users.noreply.github.com>
Date: Mon, 25 Mar 2024 20:52:52 +0200
Subject: [PATCH 2/4] fix: min-width of the content

---
 src/common/MetaPreview/styles.less | 2 +-
 src/common/ModalDialog/styles.less | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/common/MetaPreview/styles.less b/src/common/MetaPreview/styles.less
index 4a2e264bc..416372123 100644
--- a/src/common/MetaPreview/styles.less
+++ b/src/common/MetaPreview/styles.less
@@ -210,7 +210,7 @@
 }
 
 .share-prompt {
-    width: 24rem;
+    width: 100%;
 }
 
 @media only screen and (max-width: @minimum) {
diff --git a/src/common/ModalDialog/styles.less b/src/common/ModalDialog/styles.less
index 8f1ba5407..f5c259d55 100644
--- a/src/common/ModalDialog/styles.less
+++ b/src/common/ModalDialog/styles.less
@@ -15,6 +15,7 @@
         display: flex;
         flex-direction: column;
         max-width: 80%;
+        min-width: 30%;
         max-height: 80%;
         padding: 0 2rem;
         border-radius: var(--border-radius);

From 4a88d7a4942a6af73b9a4239815a68ee26014880 Mon Sep 17 00:00:00 2001
From: kKaskak <117831817+kKaskak@users.noreply.github.com>
Date: Mon, 25 Mar 2024 20:53:57 +0200
Subject: [PATCH 3/4] remove: unnecessary less declaration

---
 src/common/MetaPreview/styles.less | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/src/common/MetaPreview/styles.less b/src/common/MetaPreview/styles.less
index 416372123..0393e3d63 100644
--- a/src/common/MetaPreview/styles.less
+++ b/src/common/MetaPreview/styles.less
@@ -240,8 +240,4 @@
                 }
             }
     }
-
-    .share-prompt {
-        width: 100%;
-    }
 }
\ No newline at end of file

From 130f0c9cb89ffd5d4d6fd3f26bfec4ed0af4539e Mon Sep 17 00:00:00 2001
From: Tim <tymmesyde@gmail.com>
Date: Thu, 28 Mar 2024 05:56:37 +0100
Subject: [PATCH 4/4] fix: modal size

---
 src/common/MetaPreview/styles.less | 6 +++++-
 src/common/ModalDialog/styles.less | 4 ----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/common/MetaPreview/styles.less b/src/common/MetaPreview/styles.less
index 0393e3d63..30ff70ea9 100644
--- a/src/common/MetaPreview/styles.less
+++ b/src/common/MetaPreview/styles.less
@@ -210,7 +210,7 @@
 }
 
 .share-prompt {
-    width: 100%;
+    width: 30rem;
 }
 
 @media only screen and (max-width: @minimum) {
@@ -240,4 +240,8 @@
                 }
             }
     }
+
+    .share-prompt {
+        width: auto;
+    }
 }
\ No newline at end of file
diff --git a/src/common/ModalDialog/styles.less b/src/common/ModalDialog/styles.less
index f5c259d55..9aafca16a 100644
--- a/src/common/ModalDialog/styles.less
+++ b/src/common/ModalDialog/styles.less
@@ -15,7 +15,6 @@
         display: flex;
         flex-direction: column;
         max-width: 80%;
-        min-width: 30%;
         max-height: 80%;
         padding: 0 2rem;
         border-radius: var(--border-radius);
@@ -68,9 +67,6 @@
         .modal-dialog-content {
             z-index: 1;
             position: relative;
-            height: 100%;
-            width: 100%;
-            padding: 0 1rem;
 
             .title-container {
                 flex: 1 0 auto;