Update how the space is reserved for tags so work better with percentage width tables. This changes what the precentage is relative to, so that the table will not overlap the tags (so 100% means 100% of the space other than that used by tags -- this is a change from v2).

Author: dpvc

mathjax3-ts/output/chtml/Wrappers/mtable.ts

@@ -61,7 +61,8 @@ export class CHTMLmtable<N, T, D> extends CHTMLWrapper<N, T, D> {
         'mjx-mtable': {
             'vertical-align': '.25em',
             'text-align': 'center',
-            'position': 'relative'
+            'position': 'relative',
+            'box-sizing': 'border-box'
         },
         'mjx-mtable > mjx-itable': {
             'vertical-align': 'middle',
@@ -670,8 +671,12 @@ export class CHTMLmtable<N, T, D> extends CHTMLWrapper<N, T, D> {
         //
         const {L} = this.getTableData();
         const sep = this.length2em(this.node.attributes.get('minlabelspacing'));
-        const table = adaptor.firstChild(this.chtml) as N;
-        adaptor.setStyle(table, 'margin', '0 ' + this.em(L + sep));  // FIXME, handle indentalign values
+        let pad = L + sep;   // FIXME, handle indentalign values
+        const [lpad, rpad] = [this.styles.get('padding-left'), this.styles.get('padding-right')];
+        if (lpad || rpad) {
+            pad = Math.max(pad, this.length2em(lpad || '0'), this.length2em(rpad || '0'));
+        }
+        adaptor.setStyle(this.chtml, 'padding', '0 ' + this.em(pad));
         //
         // Add the labels to the table
         //