Merge pull request #248 from jonhurrell/feature/fix-IE-legend-wrap

Fix legend text wrapping in IE.
alphagov · Jun 9, 2016 · 1eb4c11 · 1eb4c11
2 parents e022e58 + d379df8
commit 1eb4c11
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/public/sass/elements/_reset.scss b/public/sass/elements/_reset.scss
@@ -122,3 +122,15 @@ abbr[title],
 acronym[title] {
   text-decoration: none;
 }
+
+// Legend --------------------------------
+// Fix legend text wrapping in Edge and IE
+// ---------------------------------------
+// 1. IE9-11 & Edge 12-13
+// 2. IE8-11
+
+legend {
+  box-sizing: border-box; // [1]
+  max-width: 100%;        // [1]
+  display: table;         // [2]
+}