From 09b984b6bf988f760880e8fe464ae8083c45a9e3 Mon Sep 17 00:00:00 2001
From: Pavel Gnedov <pavel@gnedov.info>
Date: Thu, 22 Jun 2023 10:46:55 +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

---
 .../misc-components/issue-details-dialog.module.css    |  4 ++++
 frontend/src/misc-components/issue-details-dialog.tsx  | 10 +++++-----
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/frontend/src/misc-components/issue-details-dialog.module.css b/frontend/src/misc-components/issue-details-dialog.module.css
index 5aef2ea..43f976c 100644
--- a/frontend/src/misc-components/issue-details-dialog.module.css
+++ b/frontend/src/misc-components/issue-details-dialog.module.css
@@ -24,4 +24,8 @@
 
 .modalContent pre {
 	font-size: 10pt;
+}
+
+.monospace {
+	font-family: monospace;
 }
\ 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 4f941cf..a5a5115 100644
--- a/frontend/src/misc-components/issue-details-dialog.tsx
+++ b/frontend/src/misc-components/issue-details-dialog.tsx
@@ -1,4 +1,4 @@
-import React, { useEffect } from 'react';
+import React from 'react';
 import { RedmineTypes } from '../redmine-types';
 import { observer } from 'mobx-react-lite';
 import { Instance, types } from 'mobx-state-tree';
@@ -66,9 +66,9 @@ export const IssueDetailsDialog = observer((props: Props): JSX.Element => {
 				<hr/>
 				<div>
 					<h2>Описание:</h2>
-					<pre>
+					<div className={Css.monospace}>
 						{props.store.issue.description}
-					</pre>
+					</div>
 				</div>
 				<hr/>
 				<div>
@@ -103,9 +103,9 @@ export const Comment = (props: {data: RedmineTypes.Journal}): JSX.Element => {
 		<>
 			<h3>{props.data.user.name}:</h3>
 			<div>
-				<pre>
+				<div className={Css.monospace}>
 					{props.data.notes || '-'}
-				</pre>
+				</div>
 			</div>
 			<hr/>
 		</>