normalize descriptions, other misc layout tweaks

This commit is contained in:
Collin M. Barrett 2018-03-27 05:07:04 -05:00
parent 9ae805479d
commit a7b01752da
4 changed files with 11 additions and 7 deletions

View file

@ -16,7 +16,7 @@
{
"id": 3,
"descriptionUrl": null,
"name": "Restricted (General)",
"name": "Restricted",
"permissiveAdaptation": false,
"permissiveCommercial": false
},
@ -30,7 +30,7 @@
{
"id": 5,
"descriptionUrl": "https://en.wikipedia.org/wiki/All_rights_reserved",
"name": "All Rights Reserved (Default)",
"name": "All Rights Reserved",
"permissiveAdaptation": false,
"permissiveCommercial": false
},
@ -44,7 +44,7 @@
{
"id": 7,
"descriptionUrl": null,
"name": "Permissive (General)",
"name": "Permissive",
"permissiveAdaptation": true,
"permissiveCommercial": true
},

View file

@ -13,7 +13,7 @@ export class Layout extends React.Component<ILayoutProps, {}> {
<img src="logo_filterlists.png" alt="FilterLists" className="img-fluid"/>
</a>
</h1>
<p className="ml-1 mr-1">
<p className="ml-2 mr-2">
The independent, comprehensive directory of filter and host lists for advertisements, trackers, malware, and annoyances.
</p>
</div>

View file

@ -68,10 +68,10 @@ function FilterListDetails(props: any) {
function Description(props: any) {
return props.description
? (props.url
? <h3 className="card-subtitle">
<blockquote cite={props.url}>{props.description}</blockquote>
? <h3 className="card-subtitle fl-description">
<blockquote cite={props.url} className="m-0">{props.description}</blockquote>
</h3>
: <h3 className="card-subtitle">{props.description}</h3>)
: <h3 className="card-subtitle fl-description">{props.description}</h3>)
: null;
}

View file

@ -12,4 +12,8 @@ body, h2, h3, h4, h5, blockquote {
.fl-btn-details-action {
margin-bottom: .2rem;
max-width: 90px;
}
.fl-description {
margin: 0 0 .5rem;
}