From 4ad0bb22d26843f242381af4d947e01f6eac21af Mon Sep 17 00:00:00 2001
From: Fabio <frguachallab@gmail.com>
Date: Fri, 2 Feb 2024 20:25:31 +0000
Subject: [PATCH] FOUR-14000:Home "Title Sections" are not the same as figma

---
 src/components/renderer/form-analytics-chart.vue |  9 ++++++---
 src/components/renderer/form-list-table.vue      | 13 ++++++++-----
 2 files changed, 14 insertions(+), 8 deletions(-)

diff --git a/src/components/renderer/form-analytics-chart.vue b/src/components/renderer/form-analytics-chart.vue
index a8fbd06e8..929432f36 100644
--- a/src/components/renderer/form-analytics-chart.vue
+++ b/src/components/renderer/form-analytics-chart.vue
@@ -1,7 +1,7 @@
 <template>
-  <div class="card">
+  <div class="card" :style="customStyle">
     <div class="card-header d-flex justify-content-between align-items-center">
-      <span class="control-text">{{ title }}</span>
+      <span class="mb-2 mt-2 control-text">{{ title }}</span>
       <b-link @click="openExternalLink">
         <i class="fas fa-external-link-alt custom-icon" />
       </b-link>
@@ -24,7 +24,10 @@ export default {
   data() {
     return {
       title: this.$t("Analytics Chart"),
-      graphic: []
+      graphic: [],
+      customStyle: {
+        "border-radius": "8px"
+      }
     };
   },
   watch: {
diff --git a/src/components/renderer/form-list-table.vue b/src/components/renderer/form-list-table.vue
index fd227f37a..e5454a417 100755
--- a/src/components/renderer/form-list-table.vue
+++ b/src/components/renderer/form-list-table.vue
@@ -1,8 +1,8 @@
 <template>
-  <div class="card">
+  <div class="card" :style="customStyle">
     <div class="card-header d-flex justify-content-between align-items-center">
       <template v-if="dataControl.showControl">
-        <div class="mb-2">
+        <div class="mb-1 mt-1">
           <b-avatar
             v-if="dataControl.showAvatar"
             size="2em"
@@ -10,7 +10,7 @@
             :text="dataControl.count"
             class="avatar-text"
           ></b-avatar>
-          <p class="control-text" :style="dataControl.colorText">
+          <p class="control-text mb-0" :style="dataControl.colorText">
             {{ title }}
           </p>
           <template v-if="dataControl.dropdownShow === 'requests'">
@@ -107,7 +107,7 @@
         <div>
           <div class="d-flex justify-content-end">
             <button
-              class="btn btn-outline-primary border-0 mr-1"
+              class="btn btn-outline-secondary border-0 mr-1"
               @click="toggleInput(dataControl.dropdownShow)"
             >
               <i class="fas fa-search" />
@@ -172,7 +172,10 @@ export default {
       pmql: "",
       badgeVariant: "",
       typeSelected: "",
-      showBadge: false
+      showBadge: false,
+      customStyle: {
+        "border-radius": "8px"
+      }
     };
   },
   watch: {