Merge pull request #3331 from HDinger/fix/20788-project-menu-pixel-accurate

[20788] project menu is not pixel accurate

app/assets/stylesheets/layout/_breadcrumb.sass

@@ -36,7 +36,7 @@
   background: none repeat scroll 0 0 $breadcrumb-bg-color
   border: none
   border-bottom: 1px solid $breadcrumb-border-color
-  margin: 0 0 0 $main-menu-width
+  margin: 0 0 0 ($main-menu-width - $main-menu-item-border-width)
   width: auto
   overflow: hidden
   position: relative

app/assets/stylesheets/layout/_main_menu.sass

@@ -177,8 +177,8 @@ $toggler-width: 40px
   #toggle-project-menu
     border: $main-menu-item-border-width solid $main-menu-item-border-color
     border-left: none
-    height: $main-menu-item-height - $main-menu-item-border-width
-    width: $main-menu-width - $main-menu-item-border-width
+    height: $main-menu-item-height
+    width: $main-menu-width
     background-color: $main-menu-bg-color
     @include default-transition
     &:hover

app/assets/stylesheets/layout/_top_menu.sass

@@ -28,7 +28,7 @@
 
 #logo
   float: left
-  width: $main-menu-width - $main-menu-border-width
+  width: $main-menu-width
   height: $header-height
   background-color: $header-logo-bg-color
   .home-link