ui tweaks

src/FilterLists.Web/ClientApp/components/Home.tsx

@@ -39,27 +39,20 @@ export class Home extends React.Component<RouteComponentProps<{}>, IFilterListsS
                    columns={[
                        {
                            Header: "Name",
-                           accessor: "name",
-                           maxWidth: 250
-                       },
-                       {
-                           Header: "Description",
-                           accessor: "description",
-                           className: "hidden-xs",
-                           headerClassName: "hidden-xs"
+                           accessor: "name"
                        },
                        {
                            Header: "View",
                            accessor: "viewUrl",
                            Cell: (d: any) => <a href={d.value}>View</a>,
-                           maxWidth: 100
+                           style: { textAlign: "center" }
                        },
                        {
                            Header: "Subscribe",
                            accessor: "viewUrl",
                            Cell: (d: any) => <a href={`abp:subscribe?location=${encodeURIComponent(d.value)
                                }&amp;title=${encodeURIComponent(d.row.name)}`}>Subscribe</a>,
-                           maxWidth: 100
+                           style: { textAlign: "center" }
                        }
                    ]}
                    SubComponent={(row: any) => {

src/FilterLists.Web/ClientApp/components/Layout.tsx

@@ -7,8 +7,13 @@ export interface LayoutProps {
 export class Layout extends React.Component<LayoutProps, {}> {
     render() {
         return <div className="container">
-                   <div className="row">
-                       <h1>FilterLists</h1>
+                   <div className="row" style={{ margin: 1 }}>
+                       <h1>
+                           FilterLists
+                           <sub>
+                               <em>beta</em>
+                           </sub>
+                       </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">
@@ -16,7 +21,7 @@ export class Layout extends React.Component<LayoutProps, {}> {
                            { this.props.children }
                        </div>
                    </div>
-                   <div className="row text-center">
+                   <div className="row text-center" style={{ margin: 10 }}>
                        A project by <a href="https://collinmbarrett.com/">Collin M. Barrett</a>. | Contribute on <a href="https://github.com/collinbarrett/FilterLists">GitHub</a>.
                    </div>
                </div>;

src/FilterLists.Web/Views/Home/Index.cshtml

@@ -4,6 +4,10 @@
 
 <div id="react-app">Loading...</div>
 
+<noscript>
+    <p>FilterLists is built with ReactJS and therefore requires first-party JavaScript to be enabled. We do not use any third-party JavaScript, and your privacy is very important to us. If you prefer not to enable JavaScript or your browser does not support it, the data is largely available on <a href="https://github.com/collinbarrett/FilterLists">our GitHub repo</a>.</p>
+</noscript>
+
 @section scripts {
     <script src="~/dist/main.js" asp-append-version="true"></script>
 }