[styles] Old browser compatibility improvements

2 files changed, 3 insertions, 1 deletions

diff --git a/awk-edits/Flags.awk b/awk-edits/Flags.awk
index cc876d6..3ee1d42 100644
--- a/awk-edits/Flags.awk
+++ b/awk-edits/Flags.awk
@@ -22,7 +22,7 @@ BEGIN {
 
 	for (i = 1; i <= length(flag); i++) {
 		flagExp[i] = "&#38;&#38;" flag[i]
-		flagTag[i] = "<img src=\"/img/" flag[i] ".svg\" class=\"unzoomable svg\" alt=\"" flagTitle[i] "\" flagTitle=\"" flagTitle[i] "\">"
+		flagTag[i] = "<img src=\"/img/" flag[i] ".svg\" class=\"flag unzoomable svg\" alt=\"" flagTitle[i] "\" flagTitle=\"" flagTitle[i] "\">"
 	}
 }
 
diff --git a/src/styles.css b/src/styles.css
index 5857b46..b25828b 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -94,6 +94,7 @@ img {
   dt img, .svg      { box-sizing: border-box; max-height: 1em; }
   .pixelated-render { image-rendering: pixelated; }
   .oldschool-badge  { height: 38px; }
+  .flag             { max-width: 1.3em; } /* Compatibility with Chrome 49.0.2623.112 (for old machines) */
   .file-icon        { min-width: 1.3em; vertical-align: text-bottom; }
   .borderless, .oldschool-badge, .file-icon { border: none; }
 
@@ -350,6 +351,7 @@ dt { font-size: 1.2em; }
       border: none;
       line-height: 1.2em;
       padding: none;
+      display: block; /* Compatibility with Chrome 49.0.2623.112 (for old machines) */
     }
   .arrowed-list > *::before {
       color: var(--border-color);