From 3f6b648394aa8a2d3db73c18942ce83a3ea7406b Mon Sep 17 00:00:00 2001
From: John O'Nolan <john@onolan.org>
Date: Wed, 17 Jun 2015 14:41:29 +0100
Subject: [PATCH] Fixes alignment bug on content management empty state

When buttons changed to flexbox they lost some alignment properties. This change makes the container for the empty content state use a flexbox container and align its containing items correctly. Also removes some old media queries which are no longer needed.
---
 core/client/app/styles/layouts/content.css | 29 ++++++----------------
 1 file changed, 8 insertions(+), 21 deletions(-)

diff --git a/core/client/app/styles/layouts/content.css b/core/client/app/styles/layouts/content.css
index f2ab80b1b1..4fd60f7da8 100644
--- a/core/client/app/styles/layouts/content.css
+++ b/core/client/app/styles/layouts/content.css
@@ -238,36 +238,23 @@
 .no-posts-box {
     position: relative;
     z-index: 600;
-    display: table;
+    display: flex;
+    justify-content: center;
+    align-items: center;
     margin: 0 auto;
     padding: 0;
     height: 90%;
 }
 
-@media (max-width: 900px) {
-    .no-posts-box {
-        position: fixed;
-        top: 45%;
-        left: 50%;
-    }
-}
-
 .no-posts-box .no-posts {
-    display: table-cell;
-    vertical-align: middle;
-    text-align: center;
-}
-
-@media (max-width: 900px) {
-    .no-posts-box .no-posts {
-        position: relative;
-        left: -50%;
-        display: block;
-    }
+    display: flex;
+    flex-direction: column;
+    align-items: center;
 }
 
 .no-posts-box .no-posts h3 {
-    color: var(--brown);
+    margin-bottom: 20px;
+    color: var(--midgrey);
     font-size: 2em;
     font-weight: 200;
 }