From f5cf7a080a97f410226e0cd1a73f1fec1283b67e Mon Sep 17 00:00:00 2001
From: Jaco Greeff <jacogr@gmail.com>
Date: Tue, 9 Jun 2020 09:20:53 +0200
Subject: [PATCH] Small table styling adjustments (#2904)

---
 packages/react-components/src/Table/Body.tsx | 39 ++++++++++++++------
 1 file changed, 27 insertions(+), 12 deletions(-)

diff --git a/packages/react-components/src/Table/Body.tsx b/packages/react-components/src/Table/Body.tsx
index ed4d10a170..61c184cac8 100644
--- a/packages/react-components/src/Table/Body.tsx
+++ b/packages/react-components/src/Table/Body.tsx
@@ -33,18 +33,18 @@ export default React.memo(styled(Body)`
   background: white;
 
   td {
-    border-top: 1px solid #e6e6e6;
+    // border-top: 1px solid #e6e6e6;
     padding: 0.75rem 1rem;
     text-align: left;
     vertical-align: middle;
 
-    &:first-child {
-      border-left: 1px solid #e6e6e6;
-    }
+    // &:first-child {
+    //   border-left: 1px solid #e6e6e6;
+    // }
 
-    &:last-child {
-      border-right: 1px solid #e6e6e6;
-    }
+    // &:last-child {
+    //   border-right: 1px solid #e6e6e6;
+    // }
 
     label {
       display: block !important;
@@ -82,6 +82,7 @@ export default React.memo(styled(Body)`
     }
 
     &.button {
+      padding: 0.5rem 1rem;
       text-align: right;
       white-space: nowrap;
 
@@ -142,13 +143,27 @@ export default React.memo(styled(Body)`
   }
 
   tr {
-    &.isHighlight td {
-      background: #ffffed;
+    &:nth-child(even) {
+      background: #fafafa;
     }
 
-    &:last-child td {
-      border-bottom: 1px solid #e6e6e6;
-    }
+    // &.isHighlight {
+    //   &:nth-child(even) td {
+    //     background: #fffff4;
+    //   }
+
+    //   &:nth-child(odd) td {
+    //     background: #f4ffff;
+    //   }
+    // }
+
+    // &:first-child td {
+    //   border-top: 1px solid #e6e6e6;
+    // }
+
+    // &:last-child td {
+    //   border-bottom: 1px solid #e6e6e6;
+    // }
 
     &:first-child {
       td:first-child {