From 6b9a07999624a0a138c6c93ea583306c95b70f45 Mon Sep 17 00:00:00 2001 From: Annabel Dunstone Gray Date: Fri, 15 Sep 2017 10:47:21 -0700 Subject: Increase tap target on hamburger menu --- app/assets/stylesheets/new_nav.scss | 6 ++++++ app/assets/stylesheets/new_sidebar.scss | 5 ++--- 2 files changed, 8 insertions(+), 3 deletions(-) diff --git a/app/assets/stylesheets/new_nav.scss b/app/assets/stylesheets/new_nav.scss index 58e205537ef..5dc0242cdea 100644 --- a/app/assets/stylesheets/new_nav.scss +++ b/app/assets/stylesheets/new_nav.scss @@ -388,6 +388,12 @@ header.navbar-gitlab-new { align-self: center; color: $gl-text-color-secondary; + @media (max-width: $screen-xs-max) { + padding-left: 17px; + margin-left: 33px; + border-left: 1px solid $gl-text-color-quaternary; + } + .avatar-tile { margin-right: 4px; border: 1px solid $border-color; diff --git a/app/assets/stylesheets/new_sidebar.scss b/app/assets/stylesheets/new_sidebar.scss index 799ef9fd8ca..d67a28731ca 100644 --- a/app/assets/stylesheets/new_sidebar.scss +++ b/app/assets/stylesheets/new_sidebar.scss @@ -442,7 +442,6 @@ $new-sidebar-collapsed-width: 50px; padding: 6px 16px; margin: 0 16px 0 -15px; height: 46px; - border-right: 1px solid $gl-text-color-quaternary; i { font-size: 20px; @@ -451,8 +450,8 @@ $new-sidebar-collapsed-width: 50px; @media (max-width: $screen-xs-max) { display: inline-block; - height: 16px; - padding: 0 16px; + position: absolute; + top: 2px; i { font-size: 18px; -- cgit v1.2.1