From 28f4d34b0aa144eba2b86a8bf7fa0be887173bc8 Mon Sep 17 00:00:00 2001
From: "Collin M. Barrett" <collinbarrett@users.noreply.github.com>
Date: Wed, 11 Sep 2019 17:07:18 -0500
Subject: [PATCH] improve vertical spacing in drawer

---
 .../{ => listInfoDrawer}/ListInfoDrawer.tsx   | 36 ++++++++++---------
 .../src/components/listInfoDrawer/index.ts    |  3 ++
 .../listInfoDrawer/listInfoDrawer.css         |  4 +++
 .../src/components/listsTable/ListDrawer.tsx  |  2 +-
 4 files changed, 27 insertions(+), 18 deletions(-)
 rename src/FilterLists.Web/src/components/{ => listInfoDrawer}/ListInfoDrawer.tsx (80%)
 create mode 100644 src/FilterLists.Web/src/components/listInfoDrawer/index.ts
 create mode 100644 src/FilterLists.Web/src/components/listInfoDrawer/listInfoDrawer.css

diff --git a/src/FilterLists.Web/src/components/ListInfoDrawer.tsx b/src/FilterLists.Web/src/components/listInfoDrawer/ListInfoDrawer.tsx
similarity index 80%
rename from src/FilterLists.Web/src/components/ListInfoDrawer.tsx
rename to src/FilterLists.Web/src/components/listInfoDrawer/ListInfoDrawer.tsx
index 53216436f..93c08bebf 100644
--- a/src/FilterLists.Web/src/components/ListInfoDrawer.tsx
+++ b/src/FilterLists.Web/src/components/listInfoDrawer/ListInfoDrawer.tsx
@@ -1,25 +1,27 @@
+import './listInfoDrawer.css';
+
 import { Divider, Drawer } from 'antd';
 import ButtonGroup from 'antd/lib/button/button-group';
 import React, { useEffect, useState } from 'react';
 import { RouteComponentProps } from 'react-router-dom';
 
-import { Language } from '../interfaces/Language';
-import { License } from '../interfaces/License';
-import { List } from '../interfaces/List';
-import { Maintainer } from '../interfaces/Maintainer';
-import { Software } from '../interfaces/Software';
-import { Syntax } from '../interfaces/Syntax';
-import { Tag } from '../interfaces/Tag';
-import { Description } from './Description';
-import { LanguageCloud } from './languageCloud';
-import { LicenseTag } from './LicenseTag';
-import { LinkButton } from './LinkButton';
-import { Maintainers } from './Maintainers';
-import { PublishedDate } from './PublishedDate';
-import { SoftwareCloud } from './softwareCloud';
-import { SubscribeButtons } from './SubscribeButtons';
-import { SyntaxTag } from './SyntaxTag';
-import { TagCloud } from './tagCloud';
+import { Language } from '../../interfaces/Language';
+import { License } from '../../interfaces/License';
+import { List } from '../../interfaces/List';
+import { Maintainer } from '../../interfaces/Maintainer';
+import { Software } from '../../interfaces/Software';
+import { Syntax } from '../../interfaces/Syntax';
+import { Tag } from '../../interfaces/Tag';
+import { Description } from '../Description';
+import { LanguageCloud } from '../languageCloud';
+import { LicenseTag } from '../LicenseTag';
+import { LinkButton } from '../LinkButton';
+import { Maintainers } from '../Maintainers';
+import { PublishedDate } from '../PublishedDate';
+import { SoftwareCloud } from '../softwareCloud';
+import { SubscribeButtons } from '../SubscribeButtons';
+import { SyntaxTag } from '../SyntaxTag';
+import { TagCloud } from '../tagCloud';
 
 interface Props {
   list: List;
diff --git a/src/FilterLists.Web/src/components/listInfoDrawer/index.ts b/src/FilterLists.Web/src/components/listInfoDrawer/index.ts
new file mode 100644
index 000000000..7d0e163e7
--- /dev/null
+++ b/src/FilterLists.Web/src/components/listInfoDrawer/index.ts
@@ -0,0 +1,3 @@
+import { ListInfoDrawer } from './ListInfoDrawer';
+
+export { ListInfoDrawer };
\ No newline at end of file
diff --git a/src/FilterLists.Web/src/components/listInfoDrawer/listInfoDrawer.css b/src/FilterLists.Web/src/components/listInfoDrawer/listInfoDrawer.css
new file mode 100644
index 000000000..fb65e5d6a
--- /dev/null
+++ b/src/FilterLists.Web/src/components/listInfoDrawer/listInfoDrawer.css
@@ -0,0 +1,4 @@
+h3 {
+  margin-top: 1em;
+  margin-bottom: 0.2em;
+}
diff --git a/src/FilterLists.Web/src/components/listsTable/ListDrawer.tsx b/src/FilterLists.Web/src/components/listsTable/ListDrawer.tsx
index 793779469..54b69382d 100644
--- a/src/FilterLists.Web/src/components/listsTable/ListDrawer.tsx
+++ b/src/FilterLists.Web/src/components/listsTable/ListDrawer.tsx
@@ -8,7 +8,7 @@ import { Maintainer } from '../../interfaces/Maintainer';
 import { Software } from '../../interfaces/Software';
 import { Syntax } from '../../interfaces/Syntax';
 import { Tag } from '../../interfaces/Tag';
-import { ListInfoDrawer } from '../ListInfoDrawer';
+import { ListInfoDrawer } from '../listInfoDrawer';
 
 interface Props {
   lists: List[];