From 3f785adcb7923e95893599c04ddef0701a007708 Mon Sep 17 00:00:00 2001
From: Pete Vilter <vilterp@cockroachlabs.com>
Date: Thu, 4 Oct 2018 15:29:17 -0400
Subject: [PATCH] ui: make entire logout icon clickable

Release note: None
---
 .../views/app/components/layoutSidebar/index.tsx | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/pkg/ui/src/views/app/components/layoutSidebar/index.tsx b/pkg/ui/src/views/app/components/layoutSidebar/index.tsx
index 1afb92e67f8f..d002a72d6cb2 100644
--- 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>
   );
 }