From 9382df7037eaf9576a845d6818f91d404d6314bf Mon Sep 17 00:00:00 2001
From: Daniel Pacak <pacak.daniel@gmail.com>
Date: Mon, 18 Oct 2021 09:55:34 +0200
Subject: [PATCH] feat: Adjust margins (#68)

Signed-off-by: Daniel Pacak <pacak.daniel@gmail.com>
---
 src/ciskubebenchreports/cisresults-list.scss | 21 +++++++++++++-------
 src/ciskubebenchreports/cisresults-list.tsx  |  2 +-
 src/kubehunterreports/details.scss           |  4 +++-
 src/kubehunterreports/details.tsx            |  4 ++--
 src/vulnerabilityreports/list.tsx            |  4 ++++
 5 files changed, 24 insertions(+), 11 deletions(-)

diff --git a/src/ciskubebenchreports/cisresults-list.scss b/src/ciskubebenchreports/cisresults-list.scss
index 55259eb..efe962e 100644
--- a/src/ciskubebenchreports/cisresults-list.scss
+++ b/src/ciskubebenchreports/cisresults-list.scss
@@ -1,14 +1,21 @@
 .CISResultsList {
 
-  .TableCell {
-    &.number {
-      text-align: right;
-      flex-grow: 0.1;
-    }
+  .CISResultsTable {
+
+    margin-left: -24px;
+    margin-right: -24px;
 
-    &.status {
-      flex-grow: 0.2;
+    .TableCell {
+      &.number {
+        text-align: right;
+        flex-grow: 0.1;
+      }
+
+      &.status {
+        flex-grow: 0.2;
+      }
     }
+
   }
 
 }
diff --git a/src/ciskubebenchreports/cisresults-list.tsx b/src/ciskubebenchreports/cisresults-list.tsx
index 6d6d39f..7146e4b 100644
--- a/src/ciskubebenchreports/cisresults-list.tsx
+++ b/src/ciskubebenchreports/cisresults-list.tsx
@@ -44,7 +44,7 @@ export class CISResultsList extends React.Component<Props> {
         return (
             <div className="CISResultsList flex column">
                 <DrawerTitle title={title}/>
-                <Table selectable scrollable={false} className="box grow">
+                <Table selectable scrollable={false} className="CISResultsTable box grow">
                     <TableHead sticky={false}>
                         <TableCell className="number">Number</TableCell>
                         <TableCell className="description">Description</TableCell>
diff --git a/src/kubehunterreports/details.scss b/src/kubehunterreports/details.scss
index 667bd8f..9134484 100644
--- a/src/kubehunterreports/details.scss
+++ b/src/kubehunterreports/details.scss
@@ -22,7 +22,9 @@
     }
   }
 
-  .VulnerabilityList {
+  .VulnerabilityTable {
+    margin-left: -24px;
+    margin-right: -24px;
 
     .TableCell {
       &.vulnerabilityID {
diff --git a/src/kubehunterreports/details.tsx b/src/kubehunterreports/details.tsx
index 59d0a49..d7449e2 100644
--- a/src/kubehunterreports/details.tsx
+++ b/src/kubehunterreports/details.tsx
@@ -74,8 +74,8 @@ export class KubeHunterReportDetails extends React.Component<KubeHunterReportDet
 
                 <DrawerTitle title={"Vulnerabilities"}/>
 
-                <div className="VulnerabilityList flex column">
-                    <Table className="box grow" selectable scrollable={false}
+                <div className="flex column">
+                    <Table className="VulnerabilityTable box grow" selectable scrollable={false}
                            tableId="kubeHunterVulnerabilitiesTable"
                            virtual={virtual}
                            items={vulnerabilities}
diff --git a/src/vulnerabilityreports/list.tsx b/src/vulnerabilityreports/list.tsx
index c6a1933..6217489 100644
--- a/src/vulnerabilityreports/list.tsx
+++ b/src/vulnerabilityreports/list.tsx
@@ -8,6 +8,10 @@ interface Props {
 }
 
 const Wrapper = styled.div`
+  .Table {
+    margin-left: -24px;
+    margin-right: -24px;
+  }
   .Table.virtual {
       height: 500px;