From 37a14fefb39650af68be7f9ac586e22412b30c64 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sun, 7 Dec 2025 21:01:56 +0200
Subject: [PATCH] feat(ckeditor/watchdog): improve layout of info dialog

---
 apps/client/src/widgets/dialogs/info.css | 11 +++++++++++
 apps/client/src/widgets/dialogs/info.tsx |  1 +
 2 files changed, 12 insertions(+)
 create mode 100644 apps/client/src/widgets/dialogs/info.css

diff --git a/apps/client/src/widgets/dialogs/info.css b/apps/client/src/widgets/dialogs/info.css
new file mode 100644
index 000000000..e1ee89aff
--- /dev/null
+++ b/apps/client/src/widgets/dialogs/info.css
@@ -0,0 +1,11 @@
+.modal.info-dialog {
+    user-select: text;
+
+    h3 {
+        font-size: 1.25em;
+    }
+
+    pre {
+        font-size: 0.75em;
+    }
+}
diff --git a/apps/client/src/widgets/dialogs/info.tsx b/apps/client/src/widgets/dialogs/info.tsx
index 77c72bd38..6587f3dff 100644
--- a/apps/client/src/widgets/dialogs/info.tsx
+++ b/apps/client/src/widgets/dialogs/info.tsx
@@ -7,6 +7,7 @@ import { RawHtmlBlock } from "../react/RawHtml";
 import { useTriliumEvent } from "../react/hooks";
 import { isValidElement } from "preact";
 import { ConfirmWithMessageOptions } from "./confirm";
+import "./info.css";
 
 export type InfoExtraProps = Partial<Pick<ModalProps, "size">>;
 export type InfoProps = ConfirmWithMessageOptions & InfoExtraProps;