Finalize init defaults and auth flow UX improvements

web/css/layout/app-sidebar.css

@@ -64,6 +64,7 @@
     padding: 0;
     flex: 1;
     border: 0;
+    text-decoration: none;
   }
 
   .app-sidebar .app-sidebar-tenant-logo img {
@@ -88,17 +89,13 @@
   }
 
   .app-sidebar-tenant-name {
-    flex: 1;
     font-weight: 600;
-    font-size: var(--app-sidebar-tenant-size);
+    font-size: 17px;
     color: var(--app-contrast);
-    padding: 8px 12px;
-    border-radius: var(--app-border-radius);
     text-align: left;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
-    border: 1px solid var(--app-border);
   }
 
   .app-sidebar-title {
@@ -247,16 +244,26 @@
     gap: 0.125rem;
   }
 
-.app-sidebar #aside-panel-admin .app-sidebar-admin-group {
+  .app-sidebar #aside-panel-admin .app-sidebar-admin-group {
     margin-bottom: 5px;
     width: 100%;
-}
+  }
 
-  .app-sidebar #aside-panel-admin .app-sidebar-admin-group details > ul li:first-child {
+  .app-sidebar
+    #aside-panel-admin
+    .app-sidebar-admin-group
+    details
+    > ul
+    li:first-child {
     margin-top: 0;
   }
 
-  .app-sidebar #aside-panel-admin .app-sidebar-admin-group details > ul li:last-child {
+  .app-sidebar
+    #aside-panel-admin
+    .app-sidebar-admin-group
+    details
+    > ul
+    li:last-child {
     margin-bottom: 0.35rem;
   }
 
@@ -312,8 +319,14 @@
     color: var(--app-contrast);
   }
 
-  .app-sidebar .app-sidebar-saved-filter-item:hover .app-sidebar-saved-filter-delete button,
-  .app-sidebar .app-sidebar-saved-filter-item:focus-within .app-sidebar-saved-filter-delete button {
+  .app-sidebar
+    .app-sidebar-saved-filter-item:hover
+    .app-sidebar-saved-filter-delete
+    button,
+  .app-sidebar
+    .app-sidebar-saved-filter-item:focus-within
+    .app-sidebar-saved-filter-delete
+    button {
     opacity: 1;
     visibility: visible;
     pointer-events: auto;

web/css/pages/app-login.css

@@ -556,6 +556,13 @@
     margin-bottom: 1.25rem;
   }
 
+
+
+  .login-logo-link:focus-visible {
+    outline: 2px solid var(--app-primary-focus);
+    outline-offset: 2px;
+  }
+
   .login-logo-img {
     max-height: 2.5rem;
     max-width: 10rem;
@@ -798,6 +805,16 @@
     color: var(--app-primary);
   }
 
+  .login-tenant-context-avatar-placeholder--name {
+    width: auto;
+    max-width: 18rem;
+    height: auto;
+    justify-content: flex-start;
+    text-align: left;
+    font-weight: 700;
+    color: var(--app-text);
+  }
+
   .login-tenant-context-text {
     min-width: 0;
     overflow-wrap: anywhere;