From 0023bfeae84ae049b1673d8d615ab959fc612f8b Mon Sep 17 00:00:00 2001
From: Fabio Guachalla <fabio.guachalla@processmaker.com>
Date: Mon, 27 Sep 2021 17:04:00 -0400
Subject: [PATCH] PMCORE-3372:'List view' does not have a margin in each border

---
 .../js/components/dataViews/vueCardView/VueCard.vue       | 3 +++
 .../js/components/dataViews/vueListView/VueList.vue       | 3 +++
 .../assets/js/home/CustomCaseList/CustomCaseList.vue      | 1 +
 resources/assets/js/home/Draft/Draft.vue                  | 4 ++++
 resources/assets/js/home/Inbox/Inbox.vue                  | 1 +
 resources/assets/js/home/Paused/Paused.vue                | 8 ++++++++
 resources/assets/js/home/Unassigned/Unassigned.vue        | 8 ++++++++
 7 files changed, 28 insertions(+)

diff --git a/resources/assets/js/components/dataViews/vueCardView/VueCard.vue b/resources/assets/js/components/dataViews/vueCardView/VueCard.vue
index 075894476..669e38cfc 100644
--- a/resources/assets/js/components/dataViews/vueCardView/VueCard.vue
+++ b/resources/assets/js/components/dataViews/vueCardView/VueCard.vue
@@ -45,5 +45,8 @@ export default {
 .card-view-body {
   height: 266px;
   overflow-x: hidden;
+  flex: 1 1 auto;
+  min-height: 1px;
+  padding: 1.25rem;
 }
 </style>
diff --git a/resources/assets/js/components/dataViews/vueListView/VueList.vue b/resources/assets/js/components/dataViews/vueListView/VueList.vue
index 23c223cba..739d84714 100644
--- a/resources/assets/js/components/dataViews/vueListView/VueList.vue
+++ b/resources/assets/js/components/dataViews/vueListView/VueList.vue
@@ -44,5 +44,8 @@ export default {
 .list-body {
   height: 224px;
   overflow-x: hidden;
+  flex: 1 1 auto;
+  min-height: 1px;
+  padding: 1.25rem;
 }
 </style>
diff --git a/resources/assets/js/home/CustomCaseList/CustomCaseList.vue b/resources/assets/js/home/CustomCaseList/CustomCaseList.vue
index 3f645c94b..441f75c2e 100644
--- a/resources/assets/js/home/CustomCaseList/CustomCaseList.vue
+++ b/resources/assets/js/home/CustomCaseList/CustomCaseList.vue
@@ -1284,6 +1284,7 @@ export default {
 
 .ellipsis-container {
     margin-top: 5em;
+    float: right;
 }
 
 .v-pm-card-info {
diff --git a/resources/assets/js/home/Draft/Draft.vue b/resources/assets/js/home/Draft/Draft.vue
index 70038af33..c2425a1f8 100644
--- a/resources/assets/js/home/Draft/Draft.vue
+++ b/resources/assets/js/home/Draft/Draft.vue
@@ -715,5 +715,9 @@ export default {
 }
 .ellipsis-container {
   margin-top: 5em;
+  float: right;
+}
+.v-pm-card-info {
+    float: right;
 }
 </style>
\ No newline at end of file
diff --git a/resources/assets/js/home/Inbox/Inbox.vue b/resources/assets/js/home/Inbox/Inbox.vue
index 751de757d..db9ef54a4 100644
--- a/resources/assets/js/home/Inbox/Inbox.vue
+++ b/resources/assets/js/home/Inbox/Inbox.vue
@@ -836,6 +836,7 @@ export default {
 
 .ellipsis-container {
   margin-top: 5em;
+  float: right;
 }
 
 .v-pm-card-info{
diff --git a/resources/assets/js/home/Paused/Paused.vue b/resources/assets/js/home/Paused/Paused.vue
index beb8a15fb..d441f12ba 100644
--- a/resources/assets/js/home/Paused/Paused.vue
+++ b/resources/assets/js/home/Paused/Paused.vue
@@ -798,4 +798,12 @@ export default {
   padding-left: 50px;
   padding-right: 50px;
 }
+.ellipsis-container {
+  margin-top: 5em;
+  float: right;
+}
+
+.v-pm-card-info{
+  float: right;
+}
 </style>
\ No newline at end of file
diff --git a/resources/assets/js/home/Unassigned/Unassigned.vue b/resources/assets/js/home/Unassigned/Unassigned.vue
index 6d1a1c8e6..7e9ba9f7e 100644
--- a/resources/assets/js/home/Unassigned/Unassigned.vue
+++ b/resources/assets/js/home/Unassigned/Unassigned.vue
@@ -767,4 +767,12 @@ export default {
   padding-left: 50px;
   padding-right: 50px;
 }
+.ellipsis-container {
+  margin-top: 5em;
+  float: right;
+}
+
+.v-pm-card-info{
+  float: right;
+}
 </style>
\ No newline at end of file