Align modal Milkdown padding with notes

Author: Marc Schlaeppi

ui/src/lib/milkdown_overrides.css

@@ -358,6 +358,7 @@
    The handle is two 32px .operation-item buttons with a 2px gap = 66px total,
    so we allow room for the full width plus a small margin.
    (Crepe default is 60px 120px; we keep top/right/bottom tighter.) */
+.iris-markdown-editor .milkdown .ProseMirror,
 .iris-split .milkdown .ProseMirror {
     padding: 24px 28px 24px 84px;
 }
@@ -561,6 +562,7 @@
 
     /* Reduce Crepe padding on narrow screens, but keep enough left padding
        for the 66px block handle to stay inside the clipped scroll box. */
+    .iris-markdown-editor .milkdown .ProseMirror,
     .iris-split .milkdown .ProseMirror {
         padding: 16px 20px 16px 80px;
     }

ui/test/legacy_description_controls.test.js

@@ -3,6 +3,7 @@ import { readFile } from 'node:fs/promises';
 import test from 'node:test';
 
 const root = new URL('../../', import.meta.url);
+const overridesUrl = new URL('ui/src/lib/milkdown_overrides.css', root);
 const descriptions = [
     ['modal_add_case_ioc.html', 'case.ioc.js', 'ioc'],
     ['modal_add_case_event.html', 'case.timeline.js', 'event'],
@@ -23,3 +24,12 @@ test('case description forms use Milkdown without legacy preview controls', asyn
         assert.doesNotMatch(script, new RegExp(`g_${prefix}_desc_editor\\.setOption\\("minLines", "10"\\)`));
     }
 });
+
+test('shared Milkdown fields use the same content padding as notes', async () => {
+    const overrides = await readFile(overridesUrl, 'utf8');
+
+    assert.match(
+        overrides,
+        /\.iris-markdown-editor \.milkdown \.ProseMirror,\s*\.iris-split \.milkdown \.ProseMirror\s*{\s*padding: 24px 28px 24px 84px;/,
+    );
+});