From 87c4cf50d2c93cde75e6e83298e04e557cc60c1c Mon Sep 17 00:00:00 2001
From: Mike Gerwitz <mike.gerwitz@rtspecialty.com>
Date: Fri, 10 Nov 2017 10:20:10 -0500
Subject: [PATCH] Use {ch=>em} units for CSS (because of IE)

See comments in base.css.

* src/css/base.css: {ch=>em} for all styles.  Matched sizes approximately;
  it doesn't need to be exact.
---
 src/css/base.css | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/css/base.css b/src/css/base.css
index 7342986..a46c837 100644
--- a/src/css/base.css
+++ b/src/css/base.css
@@ -30,6 +30,11 @@
  * XXX: Further, since jQuery UI's dialog styles are _inlined_ as the @style
  * of the element itself, we need `!important'.
  *
+ * N.B.: Unfortunately, `ch' units are not properly rendered in IE---they do
+ * not consider the padding of `0', and so the width is less in IE than in
+ * other browsers, making it useless for consistent width styling.  Deeply
+ * disappointing.
+ *
  * TODO: Many, many things need to be moved into this stylesheet!
  */
 
@@ -42,7 +47,7 @@
  */
 
 .liza-doc-nav-dialog {
-  width: 60ch !important;
+  width: 35em !important;
 }
 
 /* The document (quote) number dialog prompts for a number to view.  Really,
@@ -52,7 +57,7 @@
  */
 
 .liza-doc-id-prompt {
-  width: 35ch !important;
+  width: 20em !important;
 }
 
 /* When skipping between steps using the upper navigation, the
@@ -62,7 +67,7 @@
  */
 
 .liza-dirty-dialog {
-  width: 60ch !important;
+  width: 40em !important;
 }
 
 
@@ -74,7 +79,7 @@
  */
 
 .liza-error-dialog {
-  width: 40ch !important;
+  width: 25em !important;
 }
 
 /* The Email dialog is an e-mail form that prompts for recipients, subject,
@@ -82,7 +87,7 @@
  */
 
 .liza-email-dialog {
-  width: 50ch !important;
+  width: 30em !important;
 }
 
 .liza-email-dialog input {
@@ -97,7 +102,7 @@
 /* Notification dialogs serve as a basis for generic user notifications.
  */
 .liza-notification-dialog {
-  width: 45ch !important;
+  width: 30em !important;
 }