From 8dd412f20c5a97e1d8023da167965ae903a439a1 Mon Sep 17 00:00:00 2001 From: John O'Nolan Date: Wed, 26 Aug 2015 15:12:04 +0200 Subject: [PATCH 1/2] Minor visual edits - Adjust edit post button position - Increase hit area on post settings cog --- core/client/app/styles/layouts/content.css | 2 +- core/client/app/styles/layouts/editor.css | 2 +- core/client/app/styles/layouts/main.css | 1 + 3 files changed, 3 insertions(+), 2 deletions(-) diff --git a/core/client/app/styles/layouts/content.css b/core/client/app/styles/layouts/content.css index f598ecc7b9..7c1036049c 100644 --- a/core/client/app/styles/layouts/content.css +++ b/core/client/app/styles/layouts/content.css @@ -216,7 +216,7 @@ .content-preview .post-controls { position: absolute; - top: 5px; + top: 20px; right: 25px; } diff --git a/core/client/app/styles/layouts/editor.css b/core/client/app/styles/layouts/editor.css index b0ec58c82b..d79df2c1de 100644 --- a/core/client/app/styles/layouts/editor.css +++ b/core/client/app/styles/layouts/editor.css @@ -275,7 +275,7 @@ .post-settings { position: relative; display: inline-block; - padding: 5px 10px; + padding: 15px; color: var(--midgrey); transition: all 0.15s ease-out 0s; } diff --git a/core/client/app/styles/layouts/main.css b/core/client/app/styles/layouts/main.css index 4c7efd3a77..e900291f89 100644 --- a/core/client/app/styles/layouts/main.css +++ b/core/client/app/styles/layouts/main.css @@ -444,6 +444,7 @@ .view-actions { flex-shrink: 0; display: flex; + align-items: center; } .view-actions .btn { From 51a9b4bf1fd5ffcbadd11ec231fd30b25602e67c Mon Sep 17 00:00:00 2001 From: John O'Nolan Date: Wed, 26 Aug 2015 15:20:41 +0200 Subject: [PATCH 2/2] Increase hit area on PSM controls Closes #5714 --- .../app/styles/components/settings-menu.css | 15 +++++++++------ 1 file changed, 9 insertions(+), 6 deletions(-) diff --git a/core/client/app/styles/components/settings-menu.css b/core/client/app/styles/components/settings-menu.css index d1e2a552c3..c91955db5b 100644 --- a/core/client/app/styles/components/settings-menu.css +++ b/core/client/app/styles/components/settings-menu.css @@ -61,7 +61,8 @@ position: relative; display: flex; justify-content: space-between; - padding: 19px 24px; + align-items: center; + padding: 15px 24px; } .settings-menu-header h4 { @@ -72,8 +73,10 @@ } .settings-menu-header .close { - right: 22px; + margin-right: -15px; + padding: 10px 15px; font-size: 12px; + line-height: 12px; } .settings-menu-header.subview h4 { @@ -81,12 +84,12 @@ } .settings-menu-header.subview .back { - left: 0; + margin-left: -15px; + padding: 10px 15px; + font-size: 14px; + line-height: 14px; } -.settings-menu-header.subview .back:before { - left: 19px; -}