From dd4b4b2eaa0fe1f8bfea826803a0a55dc5f2fa7c Mon Sep 17 00:00:00 2001
From: craigatk <atk.craig@gmail.com>
Date: Fri, 17 Jan 2020 15:53:01 -0600
Subject: [PATCH] Making test suite list more compact

---
 ui/src/TestSuite/TestSuiteList.tsx | 23 ++++++++++++++++++-----
 1 file changed, 18 insertions(+), 5 deletions(-)

diff --git a/ui/src/TestSuite/TestSuiteList.tsx b/ui/src/TestSuite/TestSuiteList.tsx
index cd305b8f1..df1326570 100644
--- a/ui/src/TestSuite/TestSuiteList.tsx
+++ b/ui/src/TestSuite/TestSuiteList.tsx
@@ -12,6 +12,15 @@ interface TestSuiteListProps {
   testSuites: TestSuite[];
 }
 
+const headerStyle = {
+  paddingTop: "8px",
+  paddingBottom: "8px"
+};
+
+const cellStyle = {
+  padding: "6px 24px 6px 16px"
+};
+
 const TestSuiteList = ({ publicId, testSuites }: TestSuiteListProps) => {
   return (
     <div data-testid="test-suite-list">
@@ -33,7 +42,9 @@ const TestSuiteList = ({ publicId, testSuites }: TestSuiteListProps) => {
               >
                 {rowData.name}
               </CleanLink>
-            )
+            ),
+            cellStyle,
+            headerStyle
           },
           {
             title: "Group",
@@ -43,11 +54,13 @@ const TestSuiteList = ({ publicId, testSuites }: TestSuiteListProps) => {
               <span data-testid={`test-suite-group-name-${rowData.idx}`}>
                 {rowData.group}
               </span>
-            )
+            ),
+            cellStyle,
+            headerStyle
           },
-          { title: "Passed", field: "passed" },
-          { title: "Failed", field: "failed" },
-          { title: "Duration", field: "duration" }
+          { title: "Passed", field: "passed", cellStyle, headerStyle },
+          { title: "Failed", field: "failed", cellStyle, headerStyle },
+          { title: "Duration", field: "duration", cellStyle, headerStyle }
         ]}
         data={testSuites.map(testSuite => ({
           name: fullTestSuiteName(testSuite),