From 8012573951112d8c02254664b3db3bd39a128b91 Mon Sep 17 00:00:00 2001
From: IlhemEssaadi <iessaadi@exoplatform.com>
Date: Wed, 7 Feb 2024 14:53:33 +0100
Subject: [PATCH] feat: Implement add a new external visio connector -
 EXO-68227_68478

---
 .../components/ExternalVisioDrawer.vue        | 28 +++++++++++--------
 1 file changed, 16 insertions(+), 12 deletions(-)

diff --git a/webapp/src/main/webapp/vue-app/external-visio/components/ExternalVisioDrawer.vue b/webapp/src/main/webapp/vue-app/external-visio/components/ExternalVisioDrawer.vue
index 3636c56..30a3f87 100644
--- a/webapp/src/main/webapp/vue-app/external-visio/components/ExternalVisioDrawer.vue
+++ b/webapp/src/main/webapp/vue-app/external-visio/components/ExternalVisioDrawer.vue
@@ -65,12 +65,14 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
             </v-label>
           </v-card-text>
           <v-card-text class="d-flex flex-row">
-            <v-label>
-              <span class="text-color">
-                {{ $t('externalVisio.label.userModuleConnector.title') }}
-              </span>
-              <p class="caption">{{ $t('externalVisio.label.userModuleConnector.description') }}</p>
-            </v-label>
+            <div class="pt-1">
+              <v-label>
+                <span class="text-color">
+                  {{ $t('externalVisio.label.userModuleConnector.title') }}
+                </span>
+                <p class="caption">{{ $t('externalVisio.label.userModuleConnector.description') }}</p>
+              </v-label>
+            </div> 
             <v-spacer />
             <v-switch      
               v-model="isUserConnector"
@@ -78,12 +80,14 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
               class="mt-0 pt-0" />
           </v-card-text>
           <v-card-text class="d-flex flex-row">
-            <v-label>
-              <span class="text-color">
-                {{ $t('externalVisio.label.spaceModuleConnector.title') }}
-              </span>
-              <p class="caption">{{ $t('externalVisio.label.spaceModuleConnector.description') }}</p>
-            </v-label>
+            <div class="pt-1">
+              <v-label>
+                <span class="text-color">
+                  {{ $t('externalVisio.label.spaceModuleConnector.title') }}
+                </span>
+                <p class="caption">{{ $t('externalVisio.label.spaceModuleConnector.description') }}</p>
+              </v-label>
+            </div>
             <v-spacer />
             <v-switch      
               v-model="isSpaceConnector"