IE11 tweaks

docs/css/styles.css

@@ -244,6 +244,12 @@ caption {
     flex-direction: column;
     height: 100%;
 }
+.intro {
+  flex: 1 0 auto;
+}
+.patterns {
+  flex: 1 1 auto;
+}
 .logo {
     border: 0;
 }
@@ -385,7 +391,7 @@ caption {
 }
 .note svg {
     height: 2.25rem;
-    width: auto;
+    width: 2.25rem;
 }
 .note > div {
     margin-left: 0.75rem;

docs/js/dom-scripts.js

@@ -97,7 +97,7 @@
       var padding = (viewBox[2] / viewBox[3]) * 100
 
       // Set inline styles
-      svg.setAttribute('style', 'width: 100%; padding-bottom: ' + padding + '%; height: 1px; overflow: visible')
+      svg.setAttribute('style', 'width: 100%; padding-bottom: ' + padding + '%; overflow: visible')
 
       // Create span wrapper
       var span = document.createElement('span')

themes/infusion/static/css/styles.css

@@ -244,6 +244,12 @@ caption {
     flex-direction: column;
     height: 100%;
 }
+.intro {
+  flex: 1 0 auto;
+}
+.patterns {
+  flex: 1 1 auto;
+}
 .logo {
     border: 0;
 }
@@ -385,7 +391,7 @@ caption {
 }
 .note svg {
     height: 2.25rem;
-    width: auto;
+    width: 2.25rem;
 }
 .note > div {
     margin-left: 0.75rem;

themes/infusion/static/js/dom-scripts.js

@@ -97,7 +97,7 @@
       var padding = (viewBox[2] / viewBox[3]) * 100
 
       // Set inline styles
-      svg.setAttribute('style', 'width: 100%; padding-bottom: ' + padding + '%; height: 1px; overflow: visible')
+      svg.setAttribute('style', 'width: 100%; padding-bottom: ' + padding + '%; overflow: visible')
 
       // Create span wrapper
       var span = document.createElement('span')