From 28d1273c96a95bc8e344ef989fdcf679f00c52f9 Mon Sep 17 00:00:00 2001
From: Paul Adam Davis <pauladamdavis@gmail.com>
Date: Sun, 12 Oct 2014 19:31:14 +0100
Subject: [PATCH] Use flexbox for post settings cog & publish button

Closes #4208

- Removes `min-width` & `max-width` from `.publish-bar-actions`
- Uses flexbox to correctly handle dynamic size (due to font size and text content of button)
---
 core/client/assets/sass/layouts/editor.scss | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/core/client/assets/sass/layouts/editor.scss b/core/client/assets/sass/layouts/editor.scss
index 2825bb7a325..9071ba3d49a 100644
--- a/core/client/assets/sass/layouts/editor.scss
+++ b/core/client/assets/sass/layouts/editor.scss
@@ -452,8 +452,6 @@ body.zen {
     }
 
     .splitbtn {
-        margin-top: -2px;
-
         .btn {
             border-top: rgba(255,255,255,0.3) 1px solid;
         }
@@ -559,6 +557,10 @@ body.zen {
 }
 
 #entry-actions {
+    display: flex;
+    justify-content: flex-end;
+    align-content: center;
+    align-items: center;
     margin-right: 6px;
     position: relative;
     .dropdown {
@@ -672,10 +674,9 @@ body.zen {
 }
 
 .publish-bar-actions {
-    flex: 0 1 auto;
+    display: flex;
+    flex: 1 0 auto;
     align-self: auto;
-    min-width: 174px;
-    max-width: 174px;
     text-align: right;
 }