From 3d3f2fa924ad5639ff3a35f56d132059cde3b1e7 Mon Sep 17 00:00:00 2001
From: dominik-zeglen <flesz3@o2.pl>
Date: Mon, 28 Sep 2020 12:32:32 +0200
Subject: [PATCH] Fix staff members table

---
 src/staff/components/StaffList/StaffList.tsx     |  9 ++++++++-
 src/storybook/__snapshots__/Stories.test.ts.snap | 12 ++++++++++++
 2 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/src/staff/components/StaffList/StaffList.tsx b/src/staff/components/StaffList/StaffList.tsx
index cdb2a3f07..171213284 100644
--- a/src/staff/components/StaffList/StaffList.tsx
+++ b/src/staff/components/StaffList/StaffList.tsx
@@ -51,6 +51,9 @@ const useStyles = makeStyles(
       pointerEvents: "none",
       width: "100%"
     },
+    colEmail: {
+      width: 400
+    },
     statusText: {
       color: "#9E9D9D"
     },
@@ -89,6 +92,10 @@ const StaffList: React.FC<StaffListProps> = props => {
 
   return (
     <ResponsiveTable>
+      <colgroup>
+        <col />
+        <col className={classes.colEmail} />
+      </colgroup>
       <TableHead>
         <TableRow>
           <TableCellHeader
@@ -186,7 +193,7 @@ const StaffList: React.FC<StaffListProps> = props => {
           ),
           () => (
             <TableRow>
-              <TableCell colSpan={3}>
+              <TableCell colSpan={numberOfColumns}>
                 <FormattedMessage defaultMessage="No staff members found" />
               </TableCell>
             </TableRow>
diff --git a/src/storybook/__snapshots__/Stories.test.ts.snap b/src/storybook/__snapshots__/Stories.test.ts.snap
index eae7f517a..a9be0f332 100644
--- a/src/storybook/__snapshots__/Stories.test.ts.snap
+++ b/src/storybook/__snapshots__/Stories.test.ts.snap
@@ -181011,6 +181011,12 @@ exports[`Storyshots Views / Staff / Staff members default 1`] = `
         <table
           class="MuiTable-root-id"
         >
+          <colgroup>
+            <col />
+            <col
+              class="StaffList-colEmail-id"
+            />
+          </colgroup>
           <thead
             class="MuiTableHead-root-id"
           >
@@ -181690,6 +181696,12 @@ exports[`Storyshots Views / Staff / Staff members when loading 1`] = `
         <table
           class="MuiTable-root-id"
         >
+          <colgroup>
+            <col />
+            <col
+              class="StaffList-colEmail-id"
+            />
+          </colgroup>
           <thead
             class="MuiTableHead-root-id"
           >