From 157f60dee1181707c32908260082b50d93bd98de Mon Sep 17 00:00:00 2001
From: Peter Olu <pemeraldy@gmail.com>
Date: Tue, 24 May 2022 16:21:29 +0100
Subject: [PATCH] added a class and a determinat to make log colum header fill
 availaible space when number of visible column is less than 6

---
 .../dashboard/related/components/LogTable/LogService.vue    | 6 +++++-
 src/views/dashboard/related/log/Header.vue                  | 1 +
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/views/dashboard/related/components/LogTable/LogService.vue b/src/views/dashboard/related/components/LogTable/LogService.vue
index 1ca7e275..89434c71 100644
--- a/src/views/dashboard/related/components/LogTable/LogService.vue
+++ b/src/views/dashboard/related/components/LogTable/LogService.vue
@@ -14,7 +14,11 @@ See the License for the specific language governing permissions and
 limitations under the License. -->
 
 <template>
-  <div @click="showSelectSpan" class="log-item">
+  <div
+    @click="showSelectSpan"
+    :class="{ 'd-flex': visibleColumns.length < 6 }"
+    class="log-item"
+  >
     <div
       v-for="(item, index) in visibleColumns"
       :key="index"
diff --git a/src/views/dashboard/related/log/Header.vue b/src/views/dashboard/related/log/Header.vue
index f0961e58..ef015a50 100644
--- a/src/views/dashboard/related/log/Header.vue
+++ b/src/views/dashboard/related/log/Header.vue
@@ -726,4 +726,5 @@ watch(
 .el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
   background: transparent;
 }
+
 </style>