From 64f35288736605b25e9926b298beb37aaae5570f Mon Sep 17 00:00:00 2001
From: Gnedov Pavel <pavel.gnedov@eltex.loc>
Date: Thu, 22 Jun 2023 10:54:54 +0700
Subject: [PATCH] =?UTF-8?q?=D0=9F=D0=BE=D0=BF=D1=80=D0=B0=D0=B2=D0=BB?=
 =?UTF-8?q?=D0=B5=D0=BD=D1=8B=20=D1=81=D1=82=D0=B8=D0=BB=D0=B8=20=D0=B4?=
 =?UTF-8?q?=D0=BB=D1=8F=20=D0=BE=D0=BF=D0=B8=D1=81=D0=B0=D0=BD=D0=B8=D1=8F?=
 =?UTF-8?q?=20=D0=B8=20=D0=BA=D0=BE=D0=BC=D0=BC=D0=B5=D0=BD=D1=82=D0=B0?=
 =?UTF-8?q?=D1=80=D0=B8=D0=B5=D0=B2=20=D0=B2=20=D0=B4=D0=B8=D0=B0=D0=BB?=
 =?UTF-8?q?=D0=BE=D0=B3=D0=B5=20=D1=81=20=D0=BF=D0=BE=D0=B4=D1=80=D0=BE?=
 =?UTF-8?q?=D0=B1=D0=BD=D0=BE=D1=81=D1=82=D1=8F=D0=BC=D0=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../issue-details-dialog.module.css              | 16 +++++++++++-----
 .../src/misc-components/issue-details-dialog.tsx |  8 ++++----
 2 files changed, 15 insertions(+), 9 deletions(-)

diff --git a/frontend/src/misc-components/issue-details-dialog.module.css b/frontend/src/misc-components/issue-details-dialog.module.css
index 9e7fb9f..79c262a 100644
--- a/frontend/src/misc-components/issue-details-dialog.module.css
+++ b/frontend/src/misc-components/issue-details-dialog.module.css
@@ -24,9 +24,15 @@
 
 .modalContent pre {
 	font-size: 10pt;
-}
-
-.monospace {
-	font-family: monospace;
-	font-size: 10pt;
+	/* word-wrap: normal; */
+	white-space: pre-wrap;
+	/* Since CSS 2.1 */
+	white-space: -moz-pre-wrap;
+	/* Mozilla, since 1999 */
+	white-space: -pre-wrap;
+	/* Opera 4-6 */
+	white-space: -o-pre-wrap;
+	/* Opera 7 */
+	word-wrap: break-word;
+	/* Internet Explorer 5.5+ */
 }
\ No newline at end of file
diff --git a/frontend/src/misc-components/issue-details-dialog.tsx b/frontend/src/misc-components/issue-details-dialog.tsx
index a5a5115..956b091 100644
--- a/frontend/src/misc-components/issue-details-dialog.tsx
+++ b/frontend/src/misc-components/issue-details-dialog.tsx
@@ -66,9 +66,9 @@ export const IssueDetailsDialog = observer((props: Props): JSX.Element => {
 				<hr/>
 				<div>
 					<h2>Описание:</h2>
-					<div className={Css.monospace}>
+					<pre>
 						{props.store.issue.description}
-					</div>
+					</pre>
 				</div>
 				<hr/>
 				<div>
@@ -103,9 +103,9 @@ export const Comment = (props: {data: RedmineTypes.Journal}): JSX.Element => {
 		<>
 			<h3>{props.data.user.name}:</h3>
 			<div>
-				<div className={Css.monospace}>
+				<pre>
 					{props.data.notes || '-'}
-				</div>
+				</pre>
 			</div>
 			<hr/>
 		</>