From 7d37ae6e22584a568e785e0017a402e0cce7d733 Mon Sep 17 00:00:00 2001
From: "Collin M. Barrett" <collinbarrett@users.noreply.github.com>
Date: Mon, 26 Aug 2019 21:04:49 -0500
Subject: [PATCH] tweak ListInfoButton

---
 .../src/components/ListInfoButton.tsx          | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/FilterLists.Web.V2/src/components/ListInfoButton.tsx b/src/FilterLists.Web.V2/src/components/ListInfoButton.tsx
index efa70a457..80a223d8e 100644
--- a/src/FilterLists.Web.V2/src/components/ListInfoButton.tsx
+++ b/src/FilterLists.Web.V2/src/components/ListInfoButton.tsx
@@ -1,4 +1,4 @@
-import { Button } from 'antd';
+import { Button, Icon } from 'antd';
 import React from 'react';
 import { RouteComponentProps } from 'react-router-dom';
 
@@ -8,12 +8,14 @@ interface Props {
   list: List;
 };
 
-export const ListInfoButton = (props: RouteComponentProps & Props) =>
-  <Button
+export const ListInfoButton = (props: RouteComponentProps & Props): JSX.Element => {
+  const listPath = `/lists/${props.list.id}`;
+  return <Button
     type="primary"
-    icon="info-circle"
-    onClick={() => props.location.pathname === `/lists/${props.list.id}`
+    title={`View more information about ${props.list.name}.`}
+    onClick={() => props.location.pathname === listPath
       ? props.history.push("/")
-      : props.history.push(`/lists/${props.list.id}`)} >
-    Info
-    </Button>;
\ No newline at end of file
+      : props.history.push(listPath)} >
+    <Icon type="info-circle" />
+  </Button>
+};
\ No newline at end of file