From 67c4f3d07caff2bb06fcb02f116fd3b435a313fd Mon Sep 17 00:00:00 2001 From: "John Molakvoæ (skjnldsv)" Date: Wed, 11 Jan 2017 21:01:54 +0100 Subject: App-navigation action layout fix MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: John Molakvoæ (skjnldsv) --- core/css/apps.scss | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/core/css/apps.scss b/core/css/apps.scss index b0e8f834322..ce14d654b0e 100644 --- a/core/css/apps.scss +++ b/core/css/apps.scss @@ -240,10 +240,10 @@ em { right: 0; z-index: 105; ul { - display: block !important; + display: flex !important; + align-items: flex-end; } li { - float: left; width: 44px !important; height: 44px; line-height: 44px; @@ -253,13 +253,11 @@ em { display: inline-block; } .app-navigation-entry-utils button { - height: 38px; - width: 38px; - line-height: 38px; - float: left; + height: 100%; + width: 100%; + margin: 0; } .app-navigation-entry-utils-menu-button { - display: none; button { border: 0; opacity: .5; @@ -555,7 +553,9 @@ em { &:after { bottom: 100%; - right: 6px; + /* Min-width of popover is 36px and arrow width is 20px + wich leaves us 8px right and 8px left */ + right: 8px; /* change this to adjust the arrow position */ border: solid transparent; content: ' '; -- cgit v1.2.3