diff options
-rw-r--r-- | ui/src/components/community.tsx | 15 | ||||
-rw-r--r-- | ui/src/components/main.tsx | 16 |
2 files changed, 17 insertions, 14 deletions
diff --git a/ui/src/components/community.tsx b/ui/src/components/community.tsx index 1c875d04..0be549a5 100644 --- a/ui/src/components/community.tsx +++ b/ui/src/components/community.tsx @@ -194,13 +194,14 @@ export class Community extends Component<any, State> { selects() { return ( - <div class="mb-2"> - <DataTypeSelect - type_={this.state.dataType} - onChange={this.handleDataTypeChange} - /> - - <span class="mx-3"> + <div class="mb-3"> + <span class="mr-3"> + <DataTypeSelect + type_={this.state.dataType} + onChange={this.handleDataTypeChange} + /> + </span> + <span class="mr-2"> <SortSelect sort={this.state.sort} onChange={this.handleSortChange} /> </span> <a diff --git a/ui/src/components/main.tsx b/ui/src/components/main.tsx index 3f7d8fa6..85fa5d33 100644 --- a/ui/src/components/main.tsx +++ b/ui/src/components/main.tsx @@ -427,11 +427,13 @@ export class Main extends Component<any, MainState> { selects() { return ( <div className="mb-3"> - <DataTypeSelect - type_={this.state.dataType} - onChange={this.handleDataTypeChange} - /> - <span class="mx-3"> + <span class="mr-3"> + <DataTypeSelect + type_={this.state.dataType} + onChange={this.handleDataTypeChange} + /> + </span> + <span class="mr-3"> <ListingTypeSelect type_={this.state.listingType} onChange={this.handleListingTypeChange} @@ -446,7 +448,7 @@ export class Main extends Component<any, MainState> { target="_blank" title="RSS" > - <svg class="icon mx-1 text-muted small"> + <svg class="icon text-muted small"> <use xlinkHref="#icon-rss">#</use> </svg> </a> @@ -460,7 +462,7 @@ export class Main extends Component<any, MainState> { target="_blank" title="RSS" > - <svg class="icon mx-1 text-muted small"> + <svg class="icon text-muted small"> <use xlinkHref="#icon-rss">#</use> </svg> </a> |