ui: make entire logout icon clickable

Release note: None
cockroachdb · Oct 5, 2018 · 3f785ad · 3f785ad
1 parent 67ac38f
commit 3f785ad
Showing 1 changed file with 10 additions and 6 deletions.
diff --git a/pkg/ui/src/views/app/components/layoutSidebar/index.tsx b/pkg/ui/src/views/app/components/layoutSidebar/index.tsx
@@ -89,13 +89,17 @@ function LoginIndicator({ loginState, handleLogout }: LoginIndicatorProps) {
 
   return (
     <li className="login-indicator">
-        <div
-          className="login-indicator__initial"
-          title={`Signed in as ${user}`}
-        >
-          { user[0] }
+      <Link to={LOGOUT_PAGE} onClick={handleLogout}>
+        <div>
+          <div
+            className="login-indicator__initial"
+            title={`Signed in as ${user}`}
+          >
+            {user[0]}
+          </div>
+          Log Out
         </div>
-        <Link to={LOGOUT_PAGE} onClick={handleLogout}>Log Out</Link>
+      </Link>
     </li>
   );
 }