From 8dac6d731815c9bda8a3f9fd8164d181054a7d16 Mon Sep 17 00:00:00 2001
From: dannyrb <danny.ri.brown@gmail.com>
Date: Mon, 11 May 2020 21:19:41 -0400
Subject: [PATCH] truncate and show ellipsis for content outside of cell bounds

---
 .../StudyListTable/StudyListTableRow.js       | 26 +++++--------------
 1 file changed, 7 insertions(+), 19 deletions(-)

diff --git a/platform/ui/src/components/StudyListTable/StudyListTableRow.js b/platform/ui/src/components/StudyListTable/StudyListTableRow.js
index 5ae2f79a0..120241b48 100644
--- a/platform/ui/src/components/StudyListTable/StudyListTableRow.js
+++ b/platform/ui/src/components/StudyListTable/StudyListTableRow.js
@@ -52,25 +52,13 @@ const StudyListTableRow = props => {
                           whiteSpace: 'nowrap',
                         }}
                       >
-                        <div
-                          className="flex flex-row items-center pl-1"
-                          style={{
-                            width: '100%',
-                            overflow: 'hidden',
-                            textOverflow: 'ellipsis',
-                            whiteSpace: 'nowrap',
-                          }}
-                        >
-                          {index === 0 && (
-                            <Icon
-                              name={
-                                isExpanded ? 'chevron-down' : 'chevron-right'
-                              }
-                              className="mr-4"
-                            />
-                          )}
-                          {content}
-                        </div>
+                        {index === 0 && (
+                          <Icon
+                            name={isExpanded ? 'chevron-down' : 'chevron-right'}
+                            className="mr-4 inline-flex"
+                          />
+                        )}
+                        {content}
                       </td>
                     );
                   })}