From 3eab519760a1d26f6beff75c5d33a8757d369e80 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Robert=20Sch=C3=A4fer?= <git@roschaefer.de>
Date: Tue, 6 Aug 2019 22:37:36 +0200
Subject: [PATCH] Reduce the size of the emotion buttons

In my browser, the icons are so large that they overlap with the texts
below. I think a less intrusive size does the job equally well.
---
 webapp/components/EmotionsButtons/EmotionsButtons.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/webapp/components/EmotionsButtons/EmotionsButtons.vue b/webapp/components/EmotionsButtons/EmotionsButtons.vue
index c8a1b9f86..50aefe9b4 100644
--- a/webapp/components/EmotionsButtons/EmotionsButtons.vue
+++ b/webapp/components/EmotionsButtons/EmotionsButtons.vue
@@ -3,14 +3,14 @@
     <div v-for="emotion in Object.keys(postsEmotionsCountByEmotion)" :key="emotion">
       <ds-flex-item :width="{ lg: '100%' }">
         <ds-button size="large" ghost @click="toggleEmotion(emotion)" class="emotions-buttons">
-          <img :src="iconPath(emotion)" width="53" />
+          <img :src="iconPath(emotion)" width="40" />
         </ds-button>
         <ds-space margin-bottom="xx-small" />
         <div class="emotions-mobile-space">
           <p class="emotions-label">{{ $t(`contribution.emotions-label.${emotion}`) }}</p>
-          <ds-heading style="display: inline" tag="h3" :key="postsEmotionsCountByEmotion[emotion]">
+          <ds-text style="display: inline" size="medium" :key="postsEmotionsCountByEmotion[emotion]">
             {{ postsEmotionsCountByEmotion[emotion] }}x
-          </ds-heading>
+          </ds-text>
           {{ $t('contribution.emotions-label.emoted') }}
         </div>
       </ds-flex-item>