From a4d1cc6f2c19f8dd5f9099e2d61bb546108aa5fa Mon Sep 17 00:00:00 2001
From: "Collin M. Barrett" <collinbarrett@users.noreply.github.com>
Date: Sat, 24 Mar 2018 10:55:18 -0500
Subject: [PATCH] misc css cleanup

---
 .../ClientApp/components/Home.tsx               |  3 ++-
 .../ClientApp/components/ListDetails.tsx        | 10 +++++-----
 src/FilterLists.Web/ClientApp/css/site.css      | 17 +++++++++++++++--
 3 files changed, 22 insertions(+), 8 deletions(-)

diff --git a/src/FilterLists.Web/ClientApp/components/Home.tsx b/src/FilterLists.Web/ClientApp/components/Home.tsx
index 877cc1041..df4b103ca 100644
--- a/src/FilterLists.Web/ClientApp/components/Home.tsx
+++ b/src/FilterLists.Web/ClientApp/components/Home.tsx
@@ -52,7 +52,8 @@ export class Home extends React.Component<RouteComponentProps<{}>, IFilterListsS
                            filterable: true,
                            filterMethod: (filter: any, row: any) => row[filter.id].toUpperCase()
                                .includes(filter.value.toUpperCase()),
-                           sortMethod: (a: any, b: any) => a.toUpperCase() > b.toUpperCase() ? 1 : -1
+                           sortMethod: (a: any, b: any) => a.toUpperCase() > b.toUpperCase() ? 1 : -1,
+                           Cell: (cell: any) => <h2>{cell.value}</h2>
                        },
                        {
                            Header: "Languages",
diff --git a/src/FilterLists.Web/ClientApp/components/ListDetails.tsx b/src/FilterLists.Web/ClientApp/components/ListDetails.tsx
index c8b0b628f..2d8f2e93e 100644
--- a/src/FilterLists.Web/ClientApp/components/ListDetails.tsx
+++ b/src/FilterLists.Web/ClientApp/components/ListDetails.tsx
@@ -64,11 +64,11 @@ function Languages(props: any) {
     return props.languages.length > 0
         ? props.languages.length > 1
         ? <div className="visible-xs">
-              <h2>Languages</h2>
+              <h3>Languages</h3>
               <p>{props.languages.join(", ")}</p>
           </div>
         : <div className="visible-xs">
-              <h2>Language</h2>
+              <h3>Language</h3>
               <p>{props.languages.join(", ")}</p>
           </div>
         : null;
@@ -166,7 +166,7 @@ function Maintainers(props: any) {
     return props.maintainers.length > 0
         ? <div className="panel panel-default">
               <div className="panel-heading">
-                  <h2 className="panel-title">Maintainers</h2>
+                  <h3 className="panel-title">Maintainers</h3>
               </div>
               <div className="panel-body">
                   {props.maintainers.map(
@@ -179,7 +179,7 @@ function Maintainers(props: any) {
 function Maintainer(props: any) {
     return <div className="panel panel-default">
                <div className="panel-heading">
-                   <h3 className="panel-title">{props.maintainer.name}</h3>
+                   <h4 className="panel-title">{props.maintainer.name}</h4>
                </div>
                <div className="panel-body">
                    {props.maintainer.homeUrl
@@ -210,7 +210,7 @@ function Maintainer(props: any) {
                        : null}
                    {props.maintainer.additionalLists.length > 0
                        ? <div>
-                             <h4>More by {props.maintainer.name}</h4>
+                             <h5>More by {props.maintainer.name}</h5>
                              <ul>
                                  {props.maintainer.additionalLists.map(
                                      (list: any) => <MaintainerAdditionalList list={list} key={list.id.toString()}/>)}
diff --git a/src/FilterLists.Web/ClientApp/css/site.css b/src/FilterLists.Web/ClientApp/css/site.css
index 3502a5164..92fb5f26e 100644
--- a/src/FilterLists.Web/ClientApp/css/site.css
+++ b/src/FilterLists.Web/ClientApp/css/site.css
@@ -2,6 +2,19 @@ body {
     font-size: 16px;
 }
 
-#close-modal {
-    margin-top: 5px;
+h2 {
+    font-size: 16px;
+    margin: 0;
+}
+
+h5 {
+    font-size: 16px;
+}
+
+blockquote {
+    font-size: 16px;
+}
+
+.panel-default {
+    padding: 20px;
 }
\ No newline at end of file