From 4bab2b2af118946cd1e47abe2db6134e203bf703 Mon Sep 17 00:00:00 2001
From: Sara Boutej <40363501+SaraBoutej@users.noreply.github.com>
Date: Mon, 14 Aug 2023 13:16:59 +0100
Subject: [PATCH] fix: Mobile view of activity actions - meed-2275 (#321)

This change allows to hide the kudos action label when mobile view.
---
 .../src/main/webapp/vue-app/kudos/components/KudosButton.vue  | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/kudos-webapps/src/main/webapp/vue-app/kudos/components/KudosButton.vue b/kudos-webapps/src/main/webapp/vue-app/kudos/components/KudosButton.vue
index 6673415d1..a32899ca8 100644
--- a/kudos-webapps/src/main/webapp/vue-app/kudos/components/KudosButton.vue
+++ b/kudos-webapps/src/main/webapp/vue-app/kudos/components/KudosButton.vue
@@ -26,10 +26,10 @@
                 <v-icon
                   :class="kudosColorClass"
                   class="baseline-vertical-align"
-                  size="14">
+                  :size="isMobile && '20' || '14'">
                   fa-award
                 </v-icon>
-                <span class="mx-auto mt-1 mt-lg-0 ms-lg-2">
+                <span v-if="!isMobile" class="mx-auto mt-1 mt-lg-0 ms-lg-2">
                   {{ $t('exoplatform.kudos.label.kudos') }}
                 </span>
               </div>