From 30c3c859f442187a0f525bab91aeb3e046c63cd7 Mon Sep 17 00:00:00 2001
From: rajpatil6939 <raj.v.patil108@gmail.com>
Date: Tue, 20 Sep 2022 13:03:31 +0530
Subject: [PATCH 1/2] table breaking css fixed

---
 src/components/elements/HfTable.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/elements/HfTable.vue b/src/components/elements/HfTable.vue
index c013b103..950f243d 100644
--- a/src/components/elements/HfTable.vue
+++ b/src/components/elements/HfTable.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="card event-card tableCard">
+  <div class="card event-card">
   <b-table thead-class="thead-light" :class="customStyle" :items="items" :fields="fields">
     <template v-for="(field, index) in fields" #[`cell(${field.key})`]="data">
       <span v-if="field.type === 'date'" :key="index" :type="field.type">{{
@@ -83,7 +83,7 @@ export default {
 </script>
 
 <style scoped>
-.tableCard {
+.thead-light {
   word-wrap: break-word; white-space: nowrap;  box-sizing: border-box;
 }
 .copy {

From 55bb0ae25e6ce89a8b97685c17a2469f141bd195 Mon Sep 17 00:00:00 2001
From: rajpatil6939 <raj.v.patil108@gmail.com>
Date: Tue, 20 Sep 2022 13:16:44 +0530
Subject: [PATCH 2/2] table css

---
 src/components/elements/HfTable.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/elements/HfTable.vue b/src/components/elements/HfTable.vue
index 950f243d..5e2274cb 100644
--- a/src/components/elements/HfTable.vue
+++ b/src/components/elements/HfTable.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="card event-card">
-  <b-table thead-class="thead-light" :class="customStyle" :items="items" :fields="fields">
+  <b-table thead-class="thead-light tableCard" :class="customStyle" :items="items" :fields="fields">
     <template v-for="(field, index) in fields" #[`cell(${field.key})`]="data">
       <span v-if="field.type === 'date'" :key="index" :type="field.type">{{
         new Date(items[data.index][field.key]).toLocaleString()
@@ -83,7 +83,7 @@ export default {
 </script>
 
 <style scoped>
-.thead-light {
+.tableCard{
   word-wrap: break-word; white-space: nowrap;  box-sizing: border-box;
 }
 .copy {