From c328caf29970ab6d3e51d36a5162eab6cb387bf7 Mon Sep 17 00:00:00 2001
From: Boubaker Khanfir <bkhanfir@exoplatform.com>
Date: Mon, 7 Oct 2024 15:05:50 +0100
Subject: [PATCH] feat: Move Space Member specialization Style To Web Conf
 Addon - MEED-7574 - Meeds-io/MIPs#151 (#153)

This change will move Space Members Menu item Styling to the generic Web Conf Button definition.
---
 webapp/src/main/webapp/skin/less/jitsi.less   | 21 +++----------------
 .../CallButton/components/JitsiMeetButton.vue |  1 +
 2 files changed, 4 insertions(+), 18 deletions(-)

diff --git a/webapp/src/main/webapp/skin/less/jitsi.less b/webapp/src/main/webapp/skin/less/jitsi.less
index 45946ede..7c479100 100644
--- a/webapp/src/main/webapp/skin/less/jitsi.less
+++ b/webapp/src/main/webapp/skin/less/jitsi.less
@@ -145,6 +145,8 @@
     }
   }
 }
+
+
 #chat-application {
   .call-button-container {
     .theme--light.v-btn {
@@ -248,7 +250,7 @@
     }
   }
 }
-.call-button--profile, .call-button--chat {
+.call-button--chat {
   .uiIconSocPhone {
     font-size: 14px;
     margin-bottom: -2px;
@@ -269,23 +271,6 @@
     justify-content:center;
   }
 }
-#peopleCompactCardBottomDrawer {
-  .v-application--is-ltr {
-    .jitsiCallAction {
-      margin-left: 8px;
-      margin-right: 4px;
-    }
-  }
-  .v-application--is-rtl {
-    .jitsiCallAction {
-      margin-left: 4px;
-      margin-right: 8px;
-    }
-  }
-  .single-btn-container {
-    font-size: 0.8125rem;
-  }
-}
 #profileHeaderActions .profileHeaderActionComponents {
   .call-button-container {
     .dropdown-vue {
diff --git a/webapp/src/main/webapp/vue-apps/CallButton/components/JitsiMeetButton.vue b/webapp/src/main/webapp/vue-apps/CallButton/components/JitsiMeetButton.vue
index 22a0172f..682b91d8 100644
--- a/webapp/src/main/webapp/vue-apps/CallButton/components/JitsiMeetButton.vue
+++ b/webapp/src/main/webapp/vue-apps/CallButton/components/JitsiMeetButton.vue
@@ -23,6 +23,7 @@
       @click.stop.prevent="startCall">{{ 'Jitsi' }}</span>
     <span
       v-else-if="!displayTooltip"
+      class="ps-1"
       @click.stop.prevent="startCall">{{ buttonTitle.title }}</span>
   </div>
 </template>