Adjust dialog icons for better cross-platform support. Fix dialog height issue in Safari. Fix wrapping of help dialog when About MathJax dialog is open.

Author: dpvc

ts/ui/dialog/DraggableDialog.ts

@@ -231,7 +231,6 @@ export class DraggableDialog {
       all: 'initial',
       cursor: 'inherit',
       width: '100%',
-      height: '100%',
       display: 'flex',
       'flex-direction': 'column',
       'flex-grow': 1,
@@ -274,6 +273,7 @@ export class DraggableDialog {
       position: 'absolute',
       top: '6px',
       height: '17px',
+      width: '17px',
       cursor: 'default',
       display: 'block',
       border: '2px solid #AAA',
@@ -305,16 +305,16 @@ export class DraggableDialog {
     //
     'mjx-dialog-close': {
       right: '6px',
-      'font-size': '24px;',
+      'font-size': '20px;',
     },
 
     //
     // The help button
     //
     'mjx-dialog-help': {
       left: '6px',
-      'font-size': '16px;',
-      width: '17px',
+      'font-size': '14px;',
+      'font-weight': 'bold',
     },
     '.mjx-dialog-help mjx-dialog-help': {
       display: 'none',

ts/ui/menu/Menu.ts

@@ -334,6 +334,9 @@ export class Menu {
         'mjx-dialog > div': {
           'white-space': 'nowrap',
         },
+        'dialog.mjx-dialog-help > mjx-dialog > div': {
+          'white-space': 'normal',
+        },
         'mjx-v': {
           'font-size': '80%',
         },