Fixing select alignment.

diff --git a/ui/src/components/community.tsx b/ui/src/components/community.tsx
index 1c875d04d53e89408dad899e34a815a2d4282206..0be549a5a69e6e9f133465dbfaed027dac01afcb 100644 (file)
--- 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 3f7d8fa6ea5bbf253a8757c4d089a01030fd435e..85fa5d33963a703e83a7e0456851fca1c8835815 100644 (file)
--- 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>