From 50307644a12f9be42a2a030a682f35b76d651ef3 Mon Sep 17 00:00:00 2001
From: Fabio <frguachallab@gmail.com>
Date: Wed, 22 Nov 2023 15:15:58 +0000
Subject: [PATCH] FOUR-12504:It is not possible to recognize the new custom
 script executor created

---
 .../scripts/components/LanguageScript.vue     | 32 +++++++++++++++----
 1 file changed, 25 insertions(+), 7 deletions(-)

diff --git a/resources/js/processes/scripts/components/LanguageScript.vue b/resources/js/processes/scripts/components/LanguageScript.vue
index 133517d434..95e4799691 100644
--- a/resources/js/processes/scripts/components/LanguageScript.vue
+++ b/resources/js/processes/scripts/components/LanguageScript.vue
@@ -13,14 +13,24 @@
           class="mt-2"
           @click="selectLanguage(lang, index)"
         >
-          <b-card-text>
-            <img
-              :src="getImage(lang)"
-              :alt="lang.title"
+          <b-card-text class="row">
+            <b-col cols="2">
+              <img
+                :src="getImage(lang)"
+                :alt="lang.title"
+              >
+            </b-col>
+            <b-col
+              class="d-flex flex-column"
+              cols="10"
             >
-            <span class="text-uppercase ml-2">
-              {{ lang.language }}
-            </span>
+              <span class="text-uppercase">
+                {{ lang.language }}
+              </span>
+              <span class="text-title text-muted font-italic">
+                {{ lang.title }}
+              </span>
+            </b-col>
           </b-card-text>
         </b-card>
       </template>
@@ -95,7 +105,9 @@ export default {
   .container-lang {
     background-color: #F6F9FB;
     height: 100%;
+    max-height: 450px;
     font-size: 14px;
+    overflow-y: auto;
   }
   .choose-lang {
     color: #6A7888;
@@ -104,4 +116,10 @@ export default {
     width: 90%;
     margin-left: 5%;
   }
+  .card-body {
+    padding: 12px;
+  }
+  .text-title {
+    font-size: 12px;
+  }
 </style>