better navigation CSS

app/views/dash_v1/template.pug

@@ -2,28 +2,25 @@ html
 	head
 		title #{(title ? title+' | DevBug' : 'DevBug Dashboard')}
 		link(rel='stylesheet' href='/assets/dash_v1.css')
-		script(src='/assets/dash_v1.js')
 		block head
 	body
-		- var e_project = (user && project && devbug.permission.project.sync_edit(project, user))
-		.page-header
-			.devbug-header DevBug | v#{devbug.version} #{(user ? " | User: "+user.username : "")} #{(e_project ? " | Project: "+project.name+" | API: "+project.uuid : "")} #{((_flitter.config('server.environment') === 'development') ? " | Development" : "" )}
-			if title_small
-				h3 #{(title ? title : 'Dashboard')}
-			else
-				h1 #{(title ? title : 'Dashboard')}
-			ul.navul
-				li.navli
-					a.nava(href='/dash/v1') Home
-				li.navli
-					a.nava(href='/dash/v1/using_devbug/main') Using DevBug
-				li.navli
-					a.nava(href='/auth/logout') Logout
-				if show_back
-					li.navli
-						a.nava(href='javascript:window.history.back()') Back
-		.spacer
+		#pre-header
+			- var e_project = (user && project && devbug.permission.project.sync_edit(project, user))
+			#pre-header-content DevBug | v#{devbug.version} #{(user ? " | User: "+user.username : "")} #{(e_project ? " | Project: "+project.name+" | API: "+project.uuid : "")} #{((_flitter.config('server.environment') === 'development') ? " | Development" : "" )}
+		#title-header
+			#title-header-content #{title ? title : 'DevBug Dashboard'}
+		ul#navbar
+			li
+				a#navbar-home(href='/dash/v1') Home
+			li
+				a#navbar-usage(href='/dash/v1/using_devbug/main') Using DevBug
+			li.navbar-right
+				a#navbar-logout(href='/auth/logout') Logout
+			if show_back
+				li
+					a#navbar-back(href='javascript:window.history.back()') Back
 		.content
 			block content
 			block scripts
+			script(src='/assets/dash_v1.js')
 		//- .spacer