From e592b55fb146c203d2b22a89bc0e855d35976ce7 Mon Sep 17 00:00:00 2001
From: Ethan Dalool <git@voussoir.net>
Date: Tue, 1 Aug 2017 18:37:25 -0700
Subject: [PATCH] Use CSS Grid for the header container.

The elements still use flex for spacing simplicity.
---
 frontends/etiquette_flask/static/common.css | 17 ++++++++---------
 1 file changed, 8 insertions(+), 9 deletions(-)

diff --git a/frontends/etiquette_flask/static/common.css b/frontends/etiquette_flask/static/common.css
index 14920a0..ef3f6e2 100644
--- a/frontends/etiquette_flask/static/common.css
+++ b/frontends/etiquette_flask/static/common.css
@@ -24,18 +24,12 @@ li
 }
 #header
 {
-    display: flex;
-    flex-direction: row;
-    justify-content: center;
-    align-content: center;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr 1fr auto;
+    grid-template-rows: auto;
 
     margin-bottom: 4px;
 }
-.editor_input
-{
-    width: 100%;
-    max-width: 800px;
-}
 .header_element
 {
     display: flex;
@@ -48,6 +42,11 @@ li
 {
     background-color: #ffffd4;
 }
+.editor_input
+{
+    width: 100%;
+    max-width: 800px;
+}
 .hidden
 {
     display: none !important;