forked from nutomic/lemmy
Fixing select alignment.
This commit is contained in:
parent
216863a51f
commit
c74d8bfc64
2 changed files with 17 additions and 14 deletions
15
ui/src/components/community.tsx
vendored
15
ui/src/components/community.tsx
vendored
|
@ -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
|
||||||
|
|
16
ui/src/components/main.tsx
vendored
16
ui/src/components/main.tsx
vendored
|
@ -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>
|
||||||
|
|
Loading…
Reference in a new issue