From b3b9ef57339756310e189079ada2846dc49527a4 Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Mon, 14 Sep 2020 18:28:01 -0700
Subject: [PATCH] Flip position of Header buttons

---
 src/components/Header/Header.css | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/src/components/Header/Header.css b/src/components/Header/Header.css
index 6232550e..4395fcd3 100644
--- a/src/components/Header/Header.css
+++ b/src/components/Header/Header.css
@@ -1,5 +1,6 @@
 .Header {
     display: flex;
+    height: 48px;
     width: 100%;
 }
 
@@ -9,4 +10,22 @@
 
 .Header .push {
     margin-left: auto;
+}
+
+.dropdown {
+    display: inline-block;
+    position: relative;
+}
+
+.dropdown:hover {
+    padding-right: 50px;
+    padding-bottom: 8px;
+}
+
+.dropdown:hover .Button > * {
+    color: #555;
+}
+
+.dropdown:hover .Menu {
+    display: block;
 }
\ No newline at end of file