Jul 24 - Update Rich-text editor to enhance table editor

static/css/admin.css

@@ -264,16 +264,5 @@ body.quill-on #body_src{display:none}                    /* hide raw textarea on
 #editor-toolbar.ql-toolbar button:hover .ql-stroke{stroke:var(--aqua-deep)}
 #editor-toolbar.ql-toolbar button.ql-active .ql-stroke{stroke:var(--aqua-deep)}
 
-/* Text-labelled table buttons (not SVG icons) need auto width. */
-#editor-toolbar.ql-toolbar .ql-table-op{
-  width:auto;padding:0 6px;font-size:.72rem;font-weight:600;color:var(--ink-soft);line-height:1.6;
-}
-#editor-toolbar.ql-toolbar .ql-table-op[data-op="insert"]{font-size:1rem}
-#editor-toolbar.ql-toolbar .ql-table-op:hover{color:var(--aqua-deep)}
-
-/* Images and tables inside the editor mirror how the public page renders them. */
+/* Images fit the editor width; table styling is owned by quill-table-better. */
 #editor .ql-editor img{max-width:100%;height:auto;border-radius:6px}
-#editor .ql-editor table{border-collapse:collapse;width:100%;margin:.5rem 0}
-#editor .ql-editor td,#editor .ql-editor th{
-  border:1px solid var(--hair);padding:.4rem .55rem;min-width:2rem;
-}

static/css/style.css

@@ -152,10 +152,13 @@ body{
 .prose p:last-child{margin-bottom:0}
 .prose strong{color:var(--ink);font-weight:600}
 .prose img{max-width:100%;height:auto;border-radius:var(--radius);border:1px solid var(--hair);margin:.6em 0}
-.prose table{border-collapse:collapse;width:100%;margin:1em 0;font-size:.95rem}
-.prose td,.prose th{border:1px solid var(--hair);padding:.5rem .65rem;text-align:left;vertical-align:top}
+/* Tables are authored with quill-table-better: column widths ride in a
+   <colgroup>, and per-cell alignment/border/background as inline styles (which
+   win over these defaults). table-layout:fixed honours the authored widths;
+   max-width keeps a wide table from overflowing the column. */
+.prose table{border-collapse:collapse;table-layout:fixed;max-width:100%;margin:1em 0;font-size:.95rem}
+.prose td,.prose th{border:1px solid var(--hair);padding:.5rem .65rem;text-align:left;vertical-align:top;word-wrap:break-word}
 .prose th{background:rgba(0,0,0,.03);color:var(--ink);font-weight:600}
-.prose .table-wrap{overflow-x:auto}
 
 .topic__link{
   align-self:flex-start;display:inline-flex;align-items:center;gap:8px;