From 9c685d4afaebc156e438b85fd532cd67e968e146 Mon Sep 17 00:00:00 2001
From: "Collin M. Barrett" <collinbarrett@users.noreply.github.com>
Date: Mon, 3 Sep 2018 11:41:17 -0500
Subject: [PATCH] add titles to lang abbrs

closes #422
---
 src/FilterLists.Web/ClientApp/components/Home.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/FilterLists.Web/ClientApp/components/Home.tsx b/src/FilterLists.Web/ClientApp/components/Home.tsx
index 8c35268e3..bcf58ed49 100644
--- a/src/FilterLists.Web/ClientApp/components/Home.tsx
+++ b/src/FilterLists.Web/ClientApp/components/Home.tsx
@@ -115,8 +115,8 @@ export class Home extends React.Component<RouteComponentProps<{}>, IHomeState> {
                                .map((e: any) => e.name.concat(e.iso6391)).join().toUpperCase()
                                .includes(filter.value.toUpperCase()),
                            sortMethod: (a: any, b: any) => a.join().toUpperCase() > b.join().toUpperCase() ? 1 : -1,
-                           Cell: (cell: any) =>
-                               <div>{cell.value.map((e: any) => e.iso6391).join(", ")}</div>,
+                           Cell: (cell: any) => <div className="fl-tag-container">{cell.value.map(
+                               (e: any) => <span className="badge badge-secondary" title={e.name}>{e.iso6391}</span>)}</div>,
                            style: { whiteSpace: "inherit" },
                            width: 60,
                            headerClassName: "d-none d-md-block",