Merge pull request #4561 from consul/ie_flex

Fix footer overlap on Internet Explorer 11

app/assets/stylesheets/layout.scss

@@ -39,17 +39,21 @@ html {
 
 html,
 body {
-  height: 100%;
   margin: 0;
 }
 
+html {
+  height: 100%;
+}
+
 body {
   display: flex;
   flex-direction: column;
   font-size: $base-font-size;
+  min-height: 100%;
 
   > .wrapper {
-    flex: 1;
+    flex-grow: 1;
   }
 }
 

app/assets/stylesheets/mixins/layouts.scss

@@ -1,11 +1,12 @@
 @mixin admin-layout {
+  height: 100%;
 
   > header {
     margin-bottom: 0;
   }
 
   > .menu-and-content {
-    flex: 1;
+    flex-grow: 1;
   }
 }
 

app/assets/stylesheets/widgets/feeds/participation.scss

@@ -17,7 +17,7 @@
       flex-direction: column;
 
       .feed-content {
-        flex: 1;
+        flex-grow: 1;
       }
     }
   }