From e2959910a05beaf02c271fa66afdb25dae90ce86 Mon Sep 17 00:00:00 2001
From: NikolaBorislavovHristov <hristovnikola@protonmail.com>
Date: Sat, 3 Aug 2019 22:25:15 +0300
Subject: [PATCH] meta item container dropped

---
 src/routes/Discover/Discover.js | 13 ++++++-------
 src/routes/Discover/styles.less | 11 ++---------
 2 files changed, 8 insertions(+), 16 deletions(-)

diff --git a/src/routes/Discover/Discover.js b/src/routes/Discover/Discover.js
index ea6d114c5..3de22a1a2 100644
--- a/src/routes/Discover/Discover.js
+++ b/src/routes/Discover/Discover.js
@@ -24,13 +24,12 @@ const Discover = ({ urlParams, queryParams }) => {
                 </div>
                 <div className={styles['meta-items-container']} tabIndex={-1}>
                     {metaItems.map((metaItem) => (
-                        <div key={metaItem.id} className={styles['meta-item-container']}>
-                            <MetaItem
-                                {...metaItem}
-                                className={classnames(styles['meta-item'], { 'active': metaItem.id === selectedItem.id })}
-                                onClick={changeMetaItem}
-                            />
-                        </div>
+                        <MetaItem
+                            {...metaItem}
+                            key={metaItem.id}
+                            className={classnames({ 'active': metaItem.id === selectedItem.id })}
+                            onClick={changeMetaItem}
+                        />
                     ))}
                 </div>
                 {
diff --git a/src/routes/Discover/styles.less b/src/routes/Discover/styles.less
index f7891dedf..5a4eee1a3 100644
--- a/src/routes/Discover/styles.less
+++ b/src/routes/Discover/styles.less
@@ -81,18 +81,11 @@
             display: grid;
             grid-template-columns: repeat(var(--items-per-row), auto);
             grid-auto-rows: max-content;
+            grid-gap: 1.2em;
             align-items: center;
-            padding: 0 0.6em;
+            padding: var(--focusable-border-size) 1.2em 0;
             overflow-x: hidden;
             overflow-y: auto;
-
-            .meta-item-container {
-                padding: 0.6em;
-
-                .meta-item {
-                    width: 100%;
-                }
-            }
         }
 
         .meta-preview-container {