From 72ae2a4e44794154c4f911645619cfc45bcfa2cd Mon Sep 17 00:00:00 2001
From: mattwr18 <mattwr18@gmail.com>
Date: Tue, 10 Sep 2019 09:31:59 +0200
Subject: [PATCH] Improve CSS

- filter by users followed button was slightly higher than emotions
buttons
---
 webapp/components/FilterPosts/GeneralFilterMenuItems.vue | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/webapp/components/FilterPosts/GeneralFilterMenuItems.vue b/webapp/components/FilterPosts/GeneralFilterMenuItems.vue
index 183f2b250..0c8db9d22 100644
--- a/webapp/components/FilterPosts/GeneralFilterMenuItems.vue
+++ b/webapp/components/FilterPosts/GeneralFilterMenuItems.vue
@@ -11,6 +11,7 @@
       >
         <ds-flex>
           <ds-flex-item width="10%" />
+          <ds-space margin-bottom="xx-small" />
           <ds-flex-item width="100%">
             <div class="follow-button">
               <ds-button
@@ -24,6 +25,7 @@
                 :primary="filteredByUsersFollowed"
                 @click="toggleFilteredByFollowed(user.id)"
               />
+              <ds-space margin-bottom="x-small" />
               <ds-flex-item>
                 <label class="follow-label">{{ $t('filter-posts.followers.label') }}</label>
               </ds-flex-item>
@@ -42,9 +44,10 @@
           >
             <img :src="iconPath(emotion)" width="40" />
           </ds-button>
-          <div class="emotions-mobile-space text-center">
-            <p class="emotions-label">{{ $t(`contribution.emotions-label.${emotion}`) }}</p>
-          </div>
+          <ds-space margin-bottom="x-small" />
+          <ds-flex-item class="emotions-mobile-space text-center">
+            <label class="emotions-label">{{ $t(`contribution.emotions-label.${emotion}`) }}</label>
+          </ds-flex-item>
         </ds-flex-item>
       </div>
       <ds-space margin-bottom="large" />