From 4ccd84fe6d457ebfb67e4d26655151a3f4ea7db3 Mon Sep 17 00:00:00 2001
From: Andrew Croce <andrew+dds@promptworks.com>
Date: Wed, 5 Sep 2018 10:10:20 -0400
Subject: [PATCH] add browser support styles to footer

---
 styles/components/_footer.scss | 27 +++++++++++++++++++++++++--
 1 file changed, 25 insertions(+), 2 deletions(-)

diff --git a/styles/components/_footer.scss b/styles/components/_footer.scss
index 964ff393..8d77e408 100644
--- a/styles/components/_footer.scss
+++ b/styles/components/_footer.scss
@@ -1,6 +1,29 @@
 .app-footer {
   background-color: $color-gray-lightest;
   border-top: 1px solid $color-gray-lighter;
-  padding-left: $gap*4;
-  padding-bottom: $gap*2;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+
+  h5,
+  .browser-support {
+    margin: 0;
+    padding: $gap * 2;
+  }
+
+  .browser-support {
+    color: $color-gray;
+    text-align: right;
+    dt, dd {
+      @include h5;
+      display: inline-block;
+    }
+
+    dd {
+      font-weight: normal;
+      &::before {
+        content: '・';
+      }
+    }
+  }
 }