small screen dropdowns and dot menu

app/styles/layout/_header.scss

@@ -258,6 +258,7 @@ HEADER {
       max-width: 200px;
       height: $topHeight;
       color: white;
+      border-right: dotted 2px rgba($logo-bg,.5);
 
       .btn {
         text-transform: inherit;

app/styles/layout/_layout.scss

@@ -952,6 +952,26 @@ SECTION.header {
       right: 0;
       left: 62px;
     }
+
+    .gh-avatar {
+      height: 30px;
+      width: 30px;
+
+      & .gh-placeholder {
+        line-height: 26px;
+      }
+    }
+
+    & .top-row .project-btn .btn *,
+    & .top-row .project-btn .btn LABEL,
+    & .top-row .dropdown .user-toggle {
+      color: white!important;
+    }
+
+    .project-btn span {
+      font-size: 12px;
+    }
+
     .top-row NAV {
       float: none;
 

app/styles/vendors/_bootstrap-tweak.scss

@@ -56,6 +56,20 @@ H1, H2, H3, H4, H5, H6, SECTION.header {
   padding: 10px;
   margin: 0;
   display: block;
+  background: $logo-bg;
+  color: white;
+  position: relative;
+
+  &.navbar-toggle:before {
+    content: "";
+    border-color: transparent;
+    border-style: solid;
+    border-width: 8px;
+    border-right-color: $logo-bg;
+    position: absolute;
+    left: -15px;
+    top: 12px;
+  }
 }
 
 .navbar-collapse {