From 765e48b278d6a170c9eecaf9006004cca8b486fd Mon Sep 17 00:00:00 2001
From: Luciana Nunez <luciana.nunez@processmaker.com>
Date: Mon, 29 Jan 2024 12:42:31 -0400
Subject: [PATCH 1/5] feature/FOUR-13375

---
 resources/js/processes/designer/Asset.vue  | 4 ++--
 resources/js/processes/designer/Assets.vue | 5 +++++
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/resources/js/processes/designer/Asset.vue b/resources/js/processes/designer/Asset.vue
index e6ba0c2bce..44fea27ef5 100644
--- a/resources/js/processes/designer/Asset.vue
+++ b/resources/js/processes/designer/Asset.vue
@@ -5,7 +5,7 @@
         :class="icon"
         :style="{color: color}"
       />
-      <p>{{ $t(asset_name) }}</p>
+      <p class="m-0">{{ $t(asset_name) }}</p>
     </span>
   </b-card-text>
 </template>
@@ -32,7 +32,7 @@ export default {
   gap: 4px;
   flex: 1 0 0;
   align-self: stretch;
-  margin-bottom: 10px;
+  margin: 10px 0px;
 }
 i {
   font-size: 32px;
diff --git a/resources/js/processes/designer/Assets.vue b/resources/js/processes/designer/Assets.vue
index 23c770b63e..9669d65eef 100644
--- a/resources/js/processes/designer/Assets.vue
+++ b/resources/js/processes/designer/Assets.vue
@@ -175,4 +175,9 @@ export default {
   flex-wrap: wrap;
   justify-content: space-between;
 }
+.card-body {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
 </style>

From 6276c624ae05b87ceefd4d5498340476fdde99c9 Mon Sep 17 00:00:00 2001
From: Luciana Nunez <luciana.nunez@processmaker.com>
Date: Mon, 29 Jan 2024 13:25:38 -0400
Subject: [PATCH 2/5] feature/FOUR-13375

---
 resources/js/processes/designer/Assets.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/resources/js/processes/designer/Assets.vue b/resources/js/processes/designer/Assets.vue
index 9669d65eef..544f0c5039 100644
--- a/resources/js/processes/designer/Assets.vue
+++ b/resources/js/processes/designer/Assets.vue
@@ -165,10 +165,12 @@ export default {
 .assets {
   background-color: #f9f9f9;
 }
-.b-card {
+.card {
   margin: 5px;
   border: none;
   padding: 0;
+  border-radius: 8px;
+  box-shadow: 0px 0px 11px 0px rgba(98, 124, 144, 0.20);
 }
 .b-card-group {
   display: flex;

From a900a0fdc7f9e92c2d98f182b753dacac9d5f5a7 Mon Sep 17 00:00:00 2001
From: Luciana Nunez <luciana.nunez@processmaker.com>
Date: Mon, 29 Jan 2024 15:51:49 -0400
Subject: [PATCH 3/5] feature/FOUR-13375

---
 resources/js/processes/designer/Assets.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/resources/js/processes/designer/Assets.vue b/resources/js/processes/designer/Assets.vue
index 544f0c5039..7bb9674720 100644
--- a/resources/js/processes/designer/Assets.vue
+++ b/resources/js/processes/designer/Assets.vue
@@ -9,7 +9,7 @@
       </b-navbar-brand>
     </b-navbar>
 
-    <div class="mt-3">
+    <div class="m-2">
       <b-card-group deck>
         <b-card
           v-for="(asset, index) in assetsCore"
@@ -38,7 +38,7 @@
         </b-card>
       </b-card-group>
     </div>
-    <div class="mt-3">
+    <div class="m-2">
       <b-card-group deck>
         <b-card
           v-for="(asset, index) in assetsPackage"
@@ -166,7 +166,7 @@ export default {
   background-color: #f9f9f9;
 }
 .card {
-  margin: 5px;
+  margin: 6px;
   border: none;
   padding: 0;
   border-radius: 8px;
@@ -176,6 +176,7 @@ export default {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
+  padding: 10px;
 }
 .card-body {
   display: flex;

From 5b0c3f2e5030496c8b96cb21e02cabf92d1ad167 Mon Sep 17 00:00:00 2001
From: Luciana Nunez <luciana.nunez@processmaker.com>
Date: Mon, 29 Jan 2024 16:02:39 -0400
Subject: [PATCH 4/5] feature/FOUR-13375

---
 resources/js/processes/designer/Asset.vue  | 4 ++++
 resources/js/processes/designer/Assets.vue | 4 ++--
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/resources/js/processes/designer/Asset.vue b/resources/js/processes/designer/Asset.vue
index 44fea27ef5..f38b81fce9 100644
--- a/resources/js/processes/designer/Asset.vue
+++ b/resources/js/processes/designer/Asset.vue
@@ -37,4 +37,8 @@ export default {
 i {
   font-size: 32px;
 }
+p {
+  font-size: 16px;
+  font-weight: 400;
+}
 </style>
diff --git a/resources/js/processes/designer/Assets.vue b/resources/js/processes/designer/Assets.vue
index 7bb9674720..e8ed9c347b 100644
--- a/resources/js/processes/designer/Assets.vue
+++ b/resources/js/processes/designer/Assets.vue
@@ -9,7 +9,7 @@
       </b-navbar-brand>
     </b-navbar>
 
-    <div class="m-2">
+    <div class="mx-2">
       <b-card-group deck>
         <b-card
           v-for="(asset, index) in assetsCore"
@@ -166,7 +166,7 @@ export default {
   background-color: #f9f9f9;
 }
 .card {
-  margin: 6px;
+  margin: 8px;
   border: none;
   padding: 0;
   border-radius: 8px;

From ef699898f2bdca94c5f34a7164ff64451bc49acc Mon Sep 17 00:00:00 2001
From: Luciana Nunez <luciana.nunez@processmaker.com>
Date: Mon, 29 Jan 2024 16:06:28 -0400
Subject: [PATCH 5/5] feature/FOUR-13375

---
 resources/js/processes/designer/Assets.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/js/processes/designer/Assets.vue b/resources/js/processes/designer/Assets.vue
index e8ed9c347b..8d9b99682b 100644
--- a/resources/js/processes/designer/Assets.vue
+++ b/resources/js/processes/designer/Assets.vue
@@ -38,7 +38,7 @@
         </b-card>
       </b-card-group>
     </div>
-    <div class="m-2">
+    <div class="mx-2">
       <b-card-group deck>
         <b-card
           v-for="(asset, index) in assetsPackage"