diff --git a/src/FilterLists.Web/ClientApp/components/ListDetailsModal.tsx b/src/FilterLists.Web/ClientApp/components/ListDetailsModal.tsx index 277f75bc9..0bf599192 100644 --- a/src/FilterLists.Web/ClientApp/components/ListDetailsModal.tsx +++ b/src/FilterLists.Web/ClientApp/components/ListDetailsModal.tsx @@ -32,7 +32,7 @@ export default class ListDetailsModal extends React.Component { onRequestClose={this.handleCloseModal} shouldCloseOnOverlayClick={true}> - + ; return (
@@ -49,10 +49,15 @@ function FilterListDetails(props: any) { - - + + + + + + +
; } @@ -63,7 +68,9 @@ function Name(props: any) { function Description(props: any) { if (props.description) { if (props.url) { - return

{props.description}

; + return

+

{props.description}
+

; } else { return

{props.description}

; } @@ -112,9 +119,19 @@ function HomeUrl(props: any) { } } +function PolicyUrl(props: any) { + if (props.url) { + return + Policy + ; + } else { + return null; + } +} + function DonateUrl(props: any) { if (props.url) { - return + return Donate ; } else { @@ -122,6 +139,46 @@ function DonateUrl(props: any) { } } +function IssuesUrl(props: any) { + if (props.url) { + return + GitHub Issues + ; + } else { + return null; + } +} + +function ForumUrl(props: any) { + if (props.url) { + return + Forum + ; + } else { + return null; + } +} + +function SubmissionUrl(props: any) { + if (props.url) { + return + Submit New Rule + ; + } else { + return null; + } +} + +function EmailAddress(props: any) { + if (props.email) { + return + Email + ; + } else { + return null; + } +} + interface IFilterListDetailsDto { description: string; descriptionSourceUrl: string; diff --git a/src/FilterLists.Web/ClientApp/css/site.css b/src/FilterLists.Web/ClientApp/css/site.css index 2a6a35084..406a2056f 100644 --- a/src/FilterLists.Web/ClientApp/css/site.css +++ b/src/FilterLists.Web/ClientApp/css/site.css @@ -1,3 +1,9 @@ body { font-size: 16px; +} + +.push-to-bottom { + position: absolute; + bottom: 5%; + width: 100%; } \ No newline at end of file