From 807dd209347202df4eb1f7fb2287f3580c383ad1 Mon Sep 17 00:00:00 2001
From: saraBoutej <sboutej@exoplatform.com>
Date: Wed, 21 Feb 2024 11:49:40 +0100
Subject: [PATCH] feat: Fix activity kudos reaction display when large screen -
 MEED-3361 - Meeds-io/MIPs#113

---
 .../main/webapp/vue-app/kudos/components/KudosButton.vue    | 6 +++---
 1 file changed, 3 insertions(+), 3 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 d614bd836..55b56438d 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
@@ -1,6 +1,6 @@
 <template>
   <div
-    :class="!isComment && 'ms-lg-4'"
+    :class="!isComment && 'ms-xl-4 ms-lg-3'"
     class="d-inline-flex">
     <v-tooltip :disabled="isMobile" bottom>
       <template #activator="{ on, attrs }">
@@ -28,7 +28,7 @@
                   :size="isMobile && '20' || '14'">
                   fa-award
                 </v-icon>
-                <span v-if="!isMobile" 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-1">
                   {{ $t('exoplatform.kudos.label.kudos') }}
                 </span>
               </div>
@@ -198,4 +198,4 @@ export default {
     },
   },
 };
-</script>
\ No newline at end of file
+</script>