about summary refs log tree commit diff
path: root/app
diff options
context:
space:
mode:
authormultiple creatures <dev@multiple-creature.party>2019-04-15 20:46:25 -0500
committermultiple creatures <dev@multiple-creature.party>2019-05-21 03:16:22 -0500
commit3f282fe433845f8294b93bb5c2e9c37cc404da38 (patch)
treeff4c4228499c129f58dcac08d7714b640d1a274e /app
parent340f1e9149c6d648d1b4d107d992dad4fddcb627 (diff)
Search UI: center hashtag results
Diffstat (limited to 'app')
-rw-r--r--app/javascript/flavours/glitch/features/compose/components/search_results.js4
-rw-r--r--app/javascript/flavours/glitch/styles/components/drawer.scss6
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;