From b4652faa97bee277e09a562a960ac2cb7dc5f4da Mon Sep 17 00:00:00 2001
From: Dhaverd <jedi55@mail.ru>
Date: Mon, 11 May 2026 23:18:24 +0800
Subject: [PATCH] =?UTF-8?q?=D0=95=D1=89=D0=B5=20=D0=BD=D0=B5=D0=BC=D0=BD?=
 =?UTF-8?q?=D0=BE=D0=B3=D0=BE=20=D1=81=D1=82=D0=B8=D0=BB=D1=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/assets/mui/themes/home.ts   |  7 ++++-
 app/assets/styles/home.css      | 51 ++++++++++++++++++++++-----------
 app/components/reportDialog.tsx |  2 +-
 3 files changed, 41 insertions(+), 19 deletions(-)

diff --git a/app/assets/mui/themes/home.ts b/app/assets/mui/themes/home.ts
index 3a6498d..4f72983 100644
--- a/app/assets/mui/themes/home.ts
+++ b/app/assets/mui/themes/home.ts
@@ -95,7 +95,12 @@ const customTheme = (outerTheme: Theme) =>
                         backgroundColor: '#282c34',
                         color: 'var(--TextField-brandBorderColor)',
                         width: '90%',
-                        maxWidth: '90%!important'
+                        maxWidth: '90%!important',
+                        '@media (width <= 570px)': {
+                            maxWidth: '95%!important',
+                            width: '95%',
+                            margin: '5px'
+                        },
                     }
                 }
             },
diff --git a/app/assets/styles/home.css b/app/assets/styles/home.css
index 667db94..90fd37c 100644
--- a/app/assets/styles/home.css
+++ b/app/assets/styles/home.css
@@ -71,6 +71,32 @@
     margin-top: 10px;
 }
 
+.report-comment:hover {
+    background-color: #383d49;
+    cursor: default;
+}
+
+.report-nickname:hover {
+    background-color: #383d49;
+    cursor: default;
+}
+
+.report-content-header {
+    font-weight: bold;
+}
+
+.report-title-header {
+    display: flex;
+    justify-content: space-between;
+}
+
+.report-dialog-actions {
+    width: 100%;
+    display: flex;
+    justify-content: space-around
+}
+
+
 @media (width <= 570px) {
 
     .report-tag-list {
@@ -93,23 +119,14 @@
             color: var(--tag-color-very-bad);
         }
     }
-}
 
-.report-comment:hover {
-    background-color: #383d49;
-    cursor: default;
-}
+    .dialog-window {
+        max-width: 95%;
+        width: 95%;
+        margin: 5px;
+    }
 
-.report-nickname:hover {
-    background-color: #383d49;
-    cursor: default;
-}
-
-.report-content-header {
-    font-weight: bold;
-}
-
-.report-title-header {
-    display: flex;
-    justify-content: space-between;
+    .report-dialog-actions {
+        margin-top: 15px;
+    }
 }
\ No newline at end of file
diff --git a/app/components/reportDialog.tsx b/app/components/reportDialog.tsx
index 2d9853f..d18df3a 100644
--- a/app/components/reportDialog.tsx
+++ b/app/components/reportDialog.tsx
@@ -145,7 +145,7 @@ export default function ReportDialog({ open, handleClose }: { open: boolean, han
                             label="Smurf"
                         />
                     </div>
-                    <div style={{width: '100%', display: 'flex', justifyContent: 'space-around'}}>
+                    <div className="report-dialog-actions" style={{}}>
                         <Button loading={loading} onClick={() => handleSend()} variant="contained">Send</Button>
                         <Button onClick={() => handleClose()} variant="outlined">Cancel</Button>
                     </div>