Fixing select alignment.

This commit is contained in:
Dessalines 2020-03-04 09:42:50 -05:00
parent d8bcfd7d44
commit 8855b91d0c
2 changed files with 17 additions and 14 deletions

View file

@ -194,13 +194,14 @@ export class Community extends Component<any, State> {
selects() { selects() {
return ( return (
<div class="mb-2"> <div class="mb-3">
<DataTypeSelect <span class="mr-3">
type_={this.state.dataType} <DataTypeSelect
onChange={this.handleDataTypeChange} type_={this.state.dataType}
/> onChange={this.handleDataTypeChange}
/>
<span class="mx-3"> </span>
<span class="mr-2">
<SortSelect sort={this.state.sort} onChange={this.handleSortChange} /> <SortSelect sort={this.state.sort} onChange={this.handleSortChange} />
</span> </span>
<a <a

View file

@ -427,11 +427,13 @@ export class Main extends Component<any, MainState> {
selects() { selects() {
return ( return (
<div className="mb-3"> <div className="mb-3">
<DataTypeSelect <span class="mr-3">
type_={this.state.dataType} <DataTypeSelect
onChange={this.handleDataTypeChange} type_={this.state.dataType}
/> onChange={this.handleDataTypeChange}
<span class="mx-3"> />
</span>
<span class="mr-3">
<ListingTypeSelect <ListingTypeSelect
type_={this.state.listingType} type_={this.state.listingType}
onChange={this.handleListingTypeChange} onChange={this.handleListingTypeChange}
@ -446,7 +448,7 @@ export class Main extends Component<any, MainState> {
target="_blank" target="_blank"
title="RSS" title="RSS"
> >
<svg class="icon mx-1 text-muted small"> <svg class="icon text-muted small">
<use xlinkHref="#icon-rss">#</use> <use xlinkHref="#icon-rss">#</use>
</svg> </svg>
</a> </a>
@ -460,7 +462,7 @@ export class Main extends Component<any, MainState> {
target="_blank" target="_blank"
title="RSS" title="RSS"
> >
<svg class="icon mx-1 text-muted small"> <svg class="icon text-muted small">
<use xlinkHref="#icon-rss">#</use> <use xlinkHref="#icon-rss">#</use>
</svg> </svg>
</a> </a>