allow longer username

spiffworkflow-frontend/src/components/NavigationBar.tsx

@@ -74,7 +74,9 @@ export default function NavigationBar() {
     if (UserService.isLoggedIn()) {
       return (
         <>
-          <HeaderGlobalAction>{UserService.getUsername()}</HeaderGlobalAction>
+          <HeaderGlobalAction className="username-header-text">
+            {UserService.getUsername()}
+          </HeaderGlobalAction>
           <HeaderGlobalAction
             aria-label="Logout"
             onClick={handleLogout}

spiffworkflow-frontend/src/index.css

@@ -5,6 +5,11 @@
   color: white;
 }
 
+/* defaults to 3rem, which isn't long sufficient for "elizabeth" */
+.cds--header__action.username-header-text {
+  width: 5rem;
+}
+
 h1 {
   font-weight: 400;
   font-size: 28px;