Fixes #8154: enforce full width `.navbar-nav.pull-right` in mobile

Prevents an odd alignment issue in mobile views by forcing the nav
links to be full width without undoing the float.

1 files changed, 7 insertions, 0 deletions

diff --git a/less/navbar.less b/less/navbar.less
index 59ea92dbd..54f4b75ab 100644
--- a/less/navbar.less
+++ b/less/navbar.less
@@ -48,6 +48,12 @@
     color: @navbar-link-disabled-color;
     background-color: @navbar-link-disabled-bg;
   }
+
+  // Right aligned contents
+  // Make them full width first so that they align properly on mobile
+  &.pull-right {
+    width: 100%;
+  }
 }
 
 
@@ -296,6 +302,7 @@
 
     &.pull-right {
       float: right;
+      width: auto;
     }
   }