From 707abe42a67f0a843d5973c60eb0b96477ce4a8b Mon Sep 17 00:00:00 2001
From: "Collin M. Barrett" <collinbarrett@users.noreply.github.com>
Date: Sat, 15 Sep 2018 13:01:49 -0500
Subject: [PATCH] minor ListsTable reformatting

---
 .../home/components/listsTable/ListsTable.tsx | 46 ++++++++++---------
 1 file changed, 25 insertions(+), 21 deletions(-)

diff --git a/src/FilterLists.Web/ClientApp/modules/home/components/listsTable/ListsTable.tsx b/src/FilterLists.Web/ClientApp/modules/home/components/listsTable/ListsTable.tsx
index bba51e4ce..47eaee293 100644
--- a/src/FilterLists.Web/ClientApp/modules/home/components/listsTable/ListsTable.tsx
+++ b/src/FilterLists.Web/ClientApp/modules/home/components/listsTable/ListsTable.tsx
@@ -70,15 +70,16 @@ export const ListsTable = (props: IProps) => {
                        sortable: false,
                        Cell: (c: any) =>
                            <div className="fl-tag-container">
-                               {c.value.map((e: any, i: any) => <span className="badge"
-                                                                      style={{
-                                                                          backgroundColor: `#${e.colorHex}`,
-                                                                          color: getContrast(`${e.colorHex}`)
-                                                                      }}
-                                                                      title={e.description}
-                                                                      key={i}>
-                                                                    {e.name}
-                                                                </span>)}
+                               {c.value.map((e: any, i: any) =>
+                                   <span className="badge"
+                                         style={{
+                                             backgroundColor: `#${e.colorHex}`,
+                                             color: getContrast(`${e.colorHex}`)
+                                         }}
+                                         title={e.description}
+                                         key={i}>
+                                       {e.name}
+                                   </span>)}
                            </div>,
                        width: 200,
                        headerClassName: "d-none d-md-block",
@@ -98,17 +99,19 @@ export const ListsTable = (props: IProps) => {
                                style={{ width: "100%" }}
                                value={filter ? filter.value : "any"}>
                                <option value="any">Any</option>
-                               {props.languages.map((l: any, i) => <option value={l.iso6391} key={i}>{l.name}</option>)
-                               }
+                               {props.languages.map((l: any, i) =>
+                                   <option value={l.iso6391} key={i}>{l.name}</option>)}
                            </select>,
                        sortable: false,
-                       Cell: (c: any) => <div className="fl-tag-container">
-                                             {c.value.map((e: any, i: any) => <span className="badge badge-secondary"
-                                                                                    title={e.name}
-                                                                                    key={i}>
-                                                                                  {e.iso6391}
-                                                                              </span>)}
-                                         </div>,
+                       Cell: (c: any) =>
+                           <div className="fl-tag-container">
+                               {c.value.map((e: any, i: any) =>
+                                   <span className="badge badge-secondary"
+                                         title={e.name}
+                                         key={i}>
+                                       {e.iso6391}
+                                   </span>)}
+                           </div>,
                        style: { whiteSpace: "inherit" },
                        width: 100,
                        headerClassName: "d-none d-md-block",
@@ -123,9 +126,10 @@ export const ListsTable = (props: IProps) => {
                        filterMethod: (f: any, r: any) => r[f.id].includes(f.value),
                        sortMethod: (a: any, b: any) =>
                            moment(a).isValid() ? (moment(b).isValid() ? (moment(a).isBefore(b) ? -1 : 1) : 1) : -1,
-                       Cell: (c: any) => <div>
-                                             {moment(c.value).isValid() ? moment(c.value).format("l") : "N/A"}
-                                         </div>,
+                       Cell: (c: any) =>
+                           <div>
+                               {moment(c.value).isValid() ? moment(c.value).format("l") : "N/A"}
+                           </div>,
                        style: { whiteSpace: "inherit" },
                        width: 100,
                        headerClassName: "d-none d-md-block",