From e223934f8197e1ed4eb107534fc4c9fb5f2d0a65 Mon Sep 17 00:00:00 2001
From: Michael Rose <est.michael@gmail.com>
Date: Tue, 14 Feb 2017 13:13:28 -0500
Subject: [PATCH] Add flexbox fixes for < IE9 to make the greedy nav button
 visible

---
 _includes/head.html    | 15 +++++++++++++++
 _sass/_navigation.scss |  4 ++--
 2 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/_includes/head.html b/_includes/head.html
index a59b14a2..cb675e2c 100644
--- a/_includes/head.html
+++ b/_includes/head.html
@@ -16,4 +16,19 @@
 <!-- For all browsers -->
 <link rel="stylesheet" href="{{ '/assets/css/main.css' | absolute_url }}">
 
+<!--[if lte IE 9]>
+  <style>
+    /* old IE unsupported flexbox fixes */
+    .greedy-nav .site-title {
+      padding-right: 3em;
+    }
+    .greedy-nav button {
+      position: absolute;
+      top: 0;
+      right: 0;
+      height: 100%;
+    }
+  </style>
+<![endif]-->
+
 <meta http-equiv="cleartype" content="on">
\ No newline at end of file
diff --git a/_sass/_navigation.scss b/_sass/_navigation.scss
index 6ae88b58..9b9f6ad0 100644
--- a/_sass/_navigation.scss
+++ b/_sass/_navigation.scss
@@ -198,12 +198,12 @@
   }
 
   button {
-    align-self: stretch;
     padding: 0 0.5rem;
+    align-self: stretch;
     border: 0;
     outline: none;
-    background-color: $primary-color;
     color: #fff;
+    background-color: $primary-color;
     cursor: pointer;
   }