From dbbc87f1686ee47001b357915d681e815e2ea2e1 Mon Sep 17 00:00:00 2001
From: "Collin M. Barrett" <collinbarrett@users.noreply.github.com>
Date: Wed, 14 Feb 2018 18:01:00 -0600
Subject: [PATCH] misc UI cleanup

---
 src/FilterLists.Web/ClientApp/components/Home.tsx   | 13 +++++++++----
 src/FilterLists.Web/ClientApp/components/Layout.tsx | 13 ++++++++-----
 2 files changed, 17 insertions(+), 9 deletions(-)

diff --git a/src/FilterLists.Web/ClientApp/components/Home.tsx b/src/FilterLists.Web/ClientApp/components/Home.tsx
index 8c87aae76..51a5739a8 100644
--- a/src/FilterLists.Web/ClientApp/components/Home.tsx
+++ b/src/FilterLists.Web/ClientApp/components/Home.tsx
@@ -39,22 +39,27 @@ export class Home extends React.Component<RouteComponentProps<{}>, IFilterListsS
                    columns={[
                        {
                            Header: "Name",
-                           accessor: "name"
+                           accessor: "name",
+                           maxWidth: 250
                        },
                        {
                            Header: "Description",
-                           accessor: "description"
+                           accessor: "description",
+                           className: "hidden-xs",
+                           headerClassName: "hidden-xs"
                        },
                        {
                            Header: "View",
                            accessor: "viewUrl",
-                           Cell: (d: any) => <a href={d.value}>View</a>
+                           Cell: (d: any) => <a href={d.value}>View</a>,
+                           maxWidth: 100
                        },
                        {
                            Header: "Subscribe",
                            accessor: "viewUrl",
                            Cell: (d: any) => <a href={`abp:subscribe?location=${encodeURIComponent(d.value)
-                               }&amp;title=${encodeURIComponent(d.row.name)}`}>Subscribe</a>
+                               }&amp;title=${encodeURIComponent(d.row.name)}`}>Subscribe</a>,
+                           maxWidth: 100
                        }
                    ]}/>;
     }
diff --git a/src/FilterLists.Web/ClientApp/components/Layout.tsx b/src/FilterLists.Web/ClientApp/components/Layout.tsx
index 727d732d7..0a2e0c52e 100644
--- a/src/FilterLists.Web/ClientApp/components/Layout.tsx
+++ b/src/FilterLists.Web/ClientApp/components/Layout.tsx
@@ -1,5 +1,4 @@
 import * as React from "react";
-import { NavMenu } from "./NavMenu";
 
 export interface LayoutProps {
     children?: React.ReactNode;
@@ -9,13 +8,17 @@ export class Layout extends React.Component<LayoutProps, {}> {
     render() {
         return <div className="container-fluid">
                    <div className="row">
-                       <div className="col-sm-3">
-                           <NavMenu/>
-                       </div>
-                       <div className="col-sm-9">
+                       <h1>FilterLists</h1>
+                       <p>The independent and comprehensive directory of all public filter and hosts lists for advertisements, trackers, malware, and annoyances.</p>
+                   </div>
+                   <div className="row">
+                       <div>
                            { this.props.children }
                        </div>
                    </div>
+                   <div className="row text-center">
+                       A project by <a href="https://collinmbarrett.com/">Collin M. Barrett</a>. | View on <a href="https://github.com/collinbarrett/FilterLists">GitHub</a>.
+                   </div>
                </div>;
     }
 }
\ No newline at end of file