From 69b6a5a9e25c0035e492805305d5e4895146b693 Mon Sep 17 00:00:00 2001 From: Phil Hughes Date: Mon, 6 Mar 2017 11:43:39 +0000 Subject: Changed the styling to allow bigger link targets on mobile --- app/assets/stylesheets/framework/header.scss | 21 ++++++++++++++++++--- 1 file changed, 18 insertions(+), 3 deletions(-) diff --git a/app/assets/stylesheets/framework/header.scss b/app/assets/stylesheets/framework/header.scss index 99651559d0d..846b77c37e5 100644 --- a/app/assets/stylesheets/framework/header.scss +++ b/app/assets/stylesheets/framework/header.scss @@ -260,19 +260,34 @@ header { font-size: 18px; .navbar-nav { + display: table; + table-layout: fixed; + width: 100%; margin: 0; - padding-right: 10px; text-align: right; } .navbar-collapse { padding-left: 5px; - .nav > li { - display: inline-block; + .nav > li:not(.hidden-xs) { + display: table-cell!important; + width: 25%; + + a { + margin-right: 8px; + } } } } + + .header-user-dropdown-toggle { + text-align: center; + } + + .header-user-avatar { + float: none; + } } .header-user { -- cgit v1.2.1