[ALS-6771] Reorder header and change to login button (#87)

hms-dbmi · Jul 3, 2024 · a659b55 · a659b55
1 parent 5d491fa
commit a659b55
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 11 deletions.
diff --git a/src/app.postcss b/src/app.postcss
@@ -211,6 +211,7 @@ nav#page-navigation li {
 
 nav#page-navigation li a.nav-link {
   font-size: 1rem;
+  padding: 0 1rem;
   line-height: 1rem;
   display: flex;
   text-align: center;

diff --git a/src/lib/components/Navigation.svelte b/src/lib/components/Navigation.svelte
@@ -126,13 +126,13 @@
         </div>
       {:else}
         <!-- Login -->
-        <button id="user-login-btn" title="Login" on:click={handleLogin}>
-          <span
-            class="avatar flex aspect-square justify-center items-center overflow-hidden isolate variant-ringed-surface hover:variant-ghost-secondary w-12 rounded-full text-2xl"
-          >
-            <i class="fa-solid fa-user"></i>
-            <span class="sr-only">Login</span>
-          </span>
+        <button
+          id="user-login-btn"
+          title="Login"
+          class="btn variant-ghost-primary hover:variant-ghost-secondary"
+          on:click={handleLogin}
+        >
+          Login
         </button>
       {/if}
     </div>

diff --git a/src/lib/configuration.ts b/src/lib/configuration.ts
@@ -158,6 +158,10 @@ export const branding = {
 };
 
 export const routes: Route[] = [
+  { path: '/explorer', text: 'Explore' },
+  { path: '/api', text: 'Analyze', privilege: PicsurePrivileges.QUERY },
+  { path: '/dataset', text: 'Manage Datasets', privilege: PicsurePrivileges.QUERY },
+  { path: '/admin/users', text: 'User Management', privilege: PicsurePrivileges.ADMIN },
   {
     path: '/admin',
     text: 'Configuration',
@@ -167,10 +171,6 @@ export const routes: Route[] = [
       { path: '/admin/authentication', text: 'Authentication', privilege: PicsurePrivileges.SUPER },
     ],
   },
-  { path: '/admin/users', text: 'User Management', privilege: PicsurePrivileges.ADMIN },
-  { path: '/explorer', text: 'Explorer' },
-  { path: '/api', text: 'API', privilege: PicsurePrivileges.QUERY },
-  { path: '/dataset', text: 'Dataset Management', privilege: PicsurePrivileges.QUERY },
   { path: '/help', text: 'Help' },
 ];