From dc6d62c1a5dc4c6ea1ccc4a6fa52d38e1b2822a8 Mon Sep 17 00:00:00 2001
From: Peter Zimon <peter.zimon@gmail.com>
Date: Mon, 15 Jul 2019 15:06:27 +0200
Subject: [PATCH] Updated posts/pages filter style

no refs.
- grouped posts/pages filters for better future scalablility and to indicate corresponding UI components
---
 ghost/admin/app/styles/layouts/content.css | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/ghost/admin/app/styles/layouts/content.css b/ghost/admin/app/styles/layouts/content.css
index 5cae05b55e..e3fdf6d66b 100644
--- a/ghost/admin/app/styles/layouts/content.css
+++ b/ghost/admin/app/styles/layouts/content.css
@@ -7,7 +7,7 @@
     display: flex;
     align-items: center;
     justify-content: space-between;
-    margin: 0 32px;
+    margin: 0 24px;
     padding: 0;
     list-style: none;
 }
@@ -50,12 +50,12 @@
     font-size: 1.3rem;
     font-weight: 400;
     color: var(--darkgrey);
-    padding: 0 8px;
+    padding: 5px 10px 6px 10px;
     box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.01), 0 1px 2px rgba(0, 0, 0, 0.05);
     outline: none;
     border: none;
-    border-radius: 9999px !important;
-    margin-left: 10px;
+    border-right: 1px solid var(--whitegrey-l2);
+    border-radius: 0;
     white-space: nowrap;
     transition: all 0.25s ease;
 }
@@ -66,6 +66,16 @@
     color: var(--darkgrey);
 }
 
+.gh-contentfilter-type .gh-contentfilter-menu-trigger {
+    border-top-left-radius: 4px !important;
+    border-bottom-left-radius: 4px !important;
+}
+
+.gh-contentfilter-sort .gh-contentfilter-menu-trigger {
+    border-top-right-radius: 4px !important;
+    border-bottom-right-radius: 4px !important;
+}
+
 .gh-contentfilter-selected .gh-contentfilter-menu-trigger,
 .gh-contentfilter-selected .gh-contentfilter-menu-trigger:hover {
     color: var(--blue);