ui: Cleanup the navbar "brand"

The text shown in the top-left corner of a navbar, known as the "brand"
in Bootstrap parlance, normally brings you to the homepage. However,
when viewing patches or details about a project this name of this
project is included in this link. This gave some users the idea that
clicking this button would return them to the project patch list
instead. To resolve this confusion, break the project name and any
other non-Patchwork title out of this clickable link. A new
"navbar-subnav" style is introduced to do this, seeing as Bootstrap
does not appear to support something like this natively.

Once this is done, this also allows for the removal of the "All
Projects" button, which both duplicates this functionality and did
nothing when there was only one project available on an instance.

Signed-off-by: Stephen Finucane <stephen.finucane@intel.com>

1 files changed, 16 insertions, 5 deletions

diff --git a/htdocs/css/style.css b/htdocs/css/style.css
index 0ec11e0..f7f7b6a 100644
--- a/htdocs/css/style.css
+++ b/htdocs/css/style.css
@@ -21,16 +21,27 @@ pre {
 	top: 17em;
 }
 
-.navbar-brand>a {
+/* Bootstrap overrides */
+
+.navbar-inverse .navbar-brand > a {
 	color: white;
 }
 
-.navbar-patchwork {
-	border-radius: 0px;
-	margin-bottom: 0px;
+.navbar-inverse .navbar-nav > li > a {
+	color: #999;
+}
+
+/* Bootstrap extensions */
+
+.navbar-subbrand {
+	float: left;
+	height: 50px;
+	padding: 15px 15px 15px 0;
+	font-size: 18px;
+	line-height: 20px;
 }
 
-.navbar-patchwork .navbar-nav>li>a {
+.navbar-subbrand {
 	color: #999;
 }