Merge pull request #204 from dod-ccpo/internet-explorer-fixes

Internet explorer fixes

styles/components/_alerts.scss

@@ -48,6 +48,8 @@
   }
 
   .alert__content {
+    flex: 1;
+
     .alert__message {
       &:last-child {
         > *:last-child {

styles/core/_grid.scss

@@ -40,6 +40,7 @@
   }
 
   &.col--grow {
+    flex: 1;
     flex-grow: 1;
   }
 }

styles/elements/_icons.scss

@@ -13,8 +13,13 @@
 @mixin icon-size($size) {
   $icon-size: $size * .1rem;
   width: $icon-size;
-  height: auto;
+  height: $icon-size;
   margin: $icon-size / 4;
+
+  > svg {
+    width: $icon-size;
+    height: $icon-size;
+  }
 }
 
 @mixin icon-color($color) {

styles/elements/_typography.scss

@@ -53,6 +53,7 @@ dl {
   dd {
     -webkit-margin-start: 0;
     margin-inline-start: 0;
+    margin-left: 0;
 
     .label {
       margin-left: 0;