feat: Adjust margins (#68)

Signed-off-by: Daniel Pacak <pacak.daniel@gmail.com>
aquasecurity · Oct 18, 2021 · 9382df7 · 9382df7
1 parent b78d556
commit 9382df7
Show file tree

Hide file tree

Showing 5 changed files with 24 additions and 11 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -8,6 +8,10 @@ interface Props {
 }
 
 const Wrapper = styled.div`
+  .Table {
+    margin-left: -24px;
+    margin-right: -24px;
+  }
   .Table.virtual {
       height: 500px;