From 500eed264c67f0c8d67e426616321ecef0d67f8f Mon Sep 17 00:00:00 2001
From: Collin Barrett <collinbarrett@users.noreply.github.com>
Date: Sat, 24 Mar 2018 13:57:44 -0500
Subject: [PATCH] shrink h space used by langs in main grid

---
 src/FilterLists.Web/ClientApp/components/Home.tsx        | 6 +++---
 src/FilterLists.Web/ClientApp/components/ListDetails.tsx | 4 ++--
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/FilterLists.Web/ClientApp/components/Home.tsx b/src/FilterLists.Web/ClientApp/components/Home.tsx
index 21885f867..cb4527bfc 100644
--- a/src/FilterLists.Web/ClientApp/components/Home.tsx
+++ b/src/FilterLists.Web/ClientApp/components/Home.tsx
@@ -56,16 +56,16 @@ export class Home extends React.Component<RouteComponentProps<{}>, IFilterListsS
                            Cell: (cell: any) => <h2 className="list-title">{cell.value}</h2>
                        },
                        {
-                           Header: "Languages",
+                           Header: "Langs.",
                            accessor: "languages",
                            filterable: true,
                            filterMethod: (filter: any, row: any) => row[filter.id]
                                .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.name).join(", ")}</div>,
+                           Cell: (cell: any) => <div>{cell.value.map((e: any) => e.iso6391).join(", ")}</div>,
                            style: { whiteSpace: "inherit" },
-                           width: 100,
+                           width: 60,
                            headerClassName: "hidden-xs",
                            className: "hidden-xs"
                        },
diff --git a/src/FilterLists.Web/ClientApp/components/ListDetails.tsx b/src/FilterLists.Web/ClientApp/components/ListDetails.tsx
index bb1c6aea9..a7a7cda42 100644
--- a/src/FilterLists.Web/ClientApp/components/ListDetails.tsx
+++ b/src/FilterLists.Web/ClientApp/components/ListDetails.tsx
@@ -63,14 +63,14 @@ function Description(props: any) {
 function Languages(props: any) {
     return props.languages.length > 0
         ? props.languages.length > 1
-        ? <div className="visible-xs">
+        ? <div>
               <h3>Languages:</h3>
               <ul>
                   {props.languages.map(
                       (language: any) => <li>{language}</li>)}
               </ul>
           </div>
-        : <div className="visible-xs">
+        : <div>
               <h3>Language:</h3>
               <ul>
                   {props.languages.map(