From c8f0a57d598e21ee3e57748df2461f09e853ea87 Mon Sep 17 00:00:00 2001
From: "Collin M. Barrett" <collinbarrett@users.noreply.github.com>
Date: Wed, 1 Nov 2017 09:37:57 -0500
Subject: [PATCH] combine list name and description, make name h2

---
 .../ClientApp/components/Home.tsx             | 21 +++++++------------
 1 file changed, 7 insertions(+), 14 deletions(-)

diff --git a/src/FilterLists.Web/ClientApp/components/Home.tsx b/src/FilterLists.Web/ClientApp/components/Home.tsx
index f31a69c2d..8b2152995 100644
--- a/src/FilterLists.Web/ClientApp/components/Home.tsx
+++ b/src/FilterLists.Web/ClientApp/components/Home.tsx
@@ -1,17 +1,15 @@
 import * as React from "react";
 import { RouteComponentProps } from "react-router";
 import "isomorphic-fetch";
-import darkBaseTheme from 'material-ui/styles/baseThemes/darkBaseTheme';
-import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
-import getMuiTheme from 'material-ui/styles/getMuiTheme';
+import darkBaseTheme from "material-ui/styles/baseThemes/darkBaseTheme";
+import MuiThemeProvider from "material-ui/styles/MuiThemeProvider";
+import getMuiTheme from "material-ui/styles/getMuiTheme";
 import {
     Table,
     TableBody,
-    TableHeader,
-    TableHeaderColumn,
     TableRow,
     TableRowColumn,
-} from "material-ui";
+    } from "material-ui";
 
 interface IFilterListsState {
     filterLists: IFilterList[];
@@ -45,17 +43,12 @@ export class Home extends React.Component<RouteComponentProps<{}>, IFilterListsS
 
     private static renderFilterListsTable(filterLists: IFilterList[]) {
         return <Table>
-                   <TableHeader>
-                       <TableRow>
-                           <TableHeaderColumn>Name</TableHeaderColumn>
-                           <TableHeaderColumn>Description</TableHeaderColumn>
-                       </TableRow>
-                   </TableHeader>
                    <TableBody>
                        {filterLists.map(filterList =>
                            <TableRow key={filterList.id}>
-                               <TableRowColumn>{filterList.name}</TableRowColumn>
-                               <TableRowColumn>{filterList.description}</TableRowColumn>
+                               <TableRowColumn>
+                                   <h2>{filterList.name}</h2>{filterList.description}
+                               </TableRowColumn>
                            </TableRow>
                        )}
                    </TableBody>