Bad flex box that only worked on Firefox

KatrinaHoffert · Mar 10, 2015 · b0965f5 · b0965f5
1 parent b6023e9
commit b0965f5
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/app/assets/stylesheets/main.less b/app/assets/stylesheets/main.less
@@ -69,13 +69,15 @@ body {
 .smallPadding {
   flex: 1;
   width: 100%;
+  flex: 1 0 auto
 }
 
 .footer {
   background-color: #479432;
   color: white;
   height: 1.5em;
   padding: 0 0.5em;
+  flex-shrink: 0;
 
   a {
     color: white;
@@ -86,6 +88,10 @@ body {
   }
 }
 
+.largeHeading, .smallHeading {
+  flex-shrink: 0;
+}
+
 /* The heading for the main page, where it takes up a larger portion of the screen. */
 .largeHeading {
   background-color: #479432;