From c74d8bfc642700827afa4d9009ccc1d765d09402 Mon Sep 17 00:00:00 2001
From: Dessalines <happydooby@gmail.com>
Date: Wed, 4 Mar 2020 09:42:50 -0500
Subject: [PATCH] Fixing select alignment.

---
 ui/src/components/community.tsx | 15 ++++++++-------
 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 1c875d04d..0be549a5a 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 3f7d8fa6e..85fa5d339 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>