bootstrap 4 tweaks

This commit is contained in:
Collin Barrett 2018-03-26 17:50:45 -05:00
parent 37801f497b
commit 0116ecda3b
3 changed files with 10 additions and 6 deletions

View file

@ -53,7 +53,7 @@ export class Home extends React.Component<RouteComponentProps<{}>, IFilterListsS
filterMethod: (filter: any, row: any) => row[filter.id].toUpperCase()
.includes(filter.value.toUpperCase()),
sortMethod: (a: any, b: any) => a.toUpperCase() > b.toUpperCase() ? 1 : -1,
Cell: (cell: any) => <h2 className="list-title">{cell.value}</h2>
Cell: (cell: any) => <h2 className="fl-list-title">{cell.value}</h2>
},
{
Header: "Langs.",

View file

@ -10,10 +10,10 @@ export class Layout extends React.Component<ILayoutProps, {}> {
<div className="row">
<h1>
<a href="./" style={{ display: "inline-block" }}>
<img src="logo_filterlists.png" alt="FilterLists" className="img-responsive"/>
<img src="logo_filterlists.png" alt="FilterLists" className="img-fluid"/>
</a>
</h1>
<p style={{ margin: 10 }}>
<p id="fl-tagline">
The independent, comprehensive directory of filter and host lists for advertisements, trackers, malware, and annoyances.
</p>
</div>
@ -22,8 +22,8 @@ export class Layout extends React.Component<ILayoutProps, {}> {
{ this.props.children }
</div>
</div>
<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 className="row justify-content-center">
<p>A project by <a href="https://collinmbarrett.com/">Collin M. Barrett</a>. | Contribute on <a href="https://github.com/collinbarrett/FilterLists">GitHub</a>.</p>
</div>
</div>;
};

View file

@ -9,6 +9,10 @@ body, h2, h3, h4, h5, blockquote {
align-items: center;
}
.list-title {
.fl-list-title {
margin: 0;
}
#fl-tagline {
margin: 0 10px 10px 10px;
}