From: Dessalines <tyhou13@gmx.com>
Date: Wed, 4 Mar 2020 14:42:50 +0000 (-0500)
Subject: Fixing select alignment.
X-Git-Url: http://these/git/%7B%60/feeds/%7B%60%24%7BwebArchiveUrl%7D/save/static/git-favicon.png?a=commitdiff_plain;h=8855b91d0c15bcf9273f81736149e74b8c1a2fe4;p=lemmy.git

Fixing select alignment.
---

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>