webui: Improve the usability of some header items

This is as per issue #200, but there are further pieces
that still need working on.

Author: justinclift

cypress/e2e/1-webui/diff.cy.js

@@ -19,7 +19,7 @@ describe('diff databases', () => {
 
   // Diff between two databases with just a simple schema change (view creation)
   it('schema change only diff', () => {
-    cy.visit('https://localhost:9443/branches/default/Assembly%20Election%202017.sqlite')
+    cy.visit('/branches/default/Assembly%20Election%202017.sqlite')
     cy.get('[data-cy="comparebtn"]').click()
     cy.get('[data-cy="objname"]').should('have.text', 'Candidate_Names')
     cy.get('[data-cy="objtype"]').should('have.text', 'view')

webui/jsx/auth.js

@@ -26,7 +26,7 @@ export default function Auth() {
 			 
 			{updates}
 			 
-			<a href="/pref" style={{color: "black", verticalAlign: "middle"}}>Preferences</a> | <a href={"/" + authInfo.loggedInUser} style={{color: "black", verticalAlign: "middle"}}>Home</a> | <a href="/logout" style={{color: "black", verticalAlign: "middle"}}>Log out</a>
+			<a href={"/" + authInfo.loggedInUser} style={{color: "black", verticalAlign: "middle"}}>Home</a> | <a href="/pref" style={{color: "black", verticalAlign: "middle"}}>Preferences</a> | <a href="/logout" style={{color: "black", verticalAlign: "middle"}}>Log out</a>
 			</>
 		);
 	} else {

webui/templates/header.html

@@ -3,7 +3,7 @@
     <div class="row" style="padding-top: 8px;">
         <div id="logo" class="col-md-6">
             <div class="pull-left">
-                <a href="/"><img src="/images/sqlitebrowser.svg" height="25"/></a>
+                <a href="/[[ .PageMeta.LoggedInUser ]]"><img src="/images/sqlitebrowser.svg" height="25"/></a>
                 <span style="font-size: larger; vertical-align: bottom;">DBHub.io</span>
             </div>
         </div>