From 3f282fe433845f8294b93bb5c2e9c37cc404da38 Mon Sep 17 00:00:00 2001
From: multiple creatures <dev@multiple-creature.party>
Date: Mon, 15 Apr 2019 20:46:25 -0500
Subject: [PATCH] Search UI:  center hashtag results

---
 .../glitch/features/compose/components/search_results.js    | 4 +++-
 .../flavours/glitch/styles/components/drawer.scss           | 6 +++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/app/javascript/flavours/glitch/features/compose/components/search_results.js b/app/javascript/flavours/glitch/features/compose/components/search_results.js
index 5c443980e..893b0b4e7 100644
--- a/app/javascript/flavours/glitch/features/compose/components/search_results.js
+++ b/app/javascript/flavours/glitch/features/compose/components/search_results.js
@@ -84,7 +84,9 @@ class SearchResults extends ImmutablePureComponent {
         <section>
           <h5><Icon icon='hashtag' fixedWidth /><FormattedMessage id='search_results.hashtags' defaultMessage='Hashtags' /></h5>
 
-          {results.get('hashtags').map(hashtag => <Hashtag key={hashtag.get('name')} hashtag={hashtag} />)}
+          <div className='hashtags'>
+            {results.get('hashtags').map(hashtag => <Hashtag key={hashtag.get('name')} hashtag={hashtag} />)}
+          </div>
         </section>
       );
     }
diff --git a/app/javascript/flavours/glitch/styles/components/drawer.scss b/app/javascript/flavours/glitch/styles/components/drawer.scss
index 5ad78e0b6..b05f231f2 100644
--- a/app/javascript/flavours/glitch/styles/components/drawer.scss
+++ b/app/javascript/flavours/glitch/styles/components/drawer.scss
@@ -228,7 +228,11 @@
       border-bottom: 0;
     }
 
-    & > .hashtag {
+    & > .hashtags {
+      text-align: center;
+    }
+
+    & > div > .hashtag {
       display: inline-block;
       padding: 10px;
       color: $secondary-text-color;