diff --git a/frontend/src/pages/Common/Permissions/PermissionSelection.js b/frontend/src/pages/Common/Permissions/PermissionSelection.js index 511e1e957..ed2dab9d4 100644 --- a/frontend/src/pages/Common/Permissions/PermissionSelection.js +++ b/frontend/src/pages/Common/Permissions/PermissionSelection.js @@ -35,7 +35,7 @@ const styles = { justifyContent: "flex-start" }, nameContainer: { - maxWidth: "200px" + maxWidth: "none" } }; @@ -51,7 +51,7 @@ const renderSelection = (user, permissionedUser, intent, grant, revoke, myself, > - + ); diff --git a/frontend/src/pages/Common/SingleSelection.js b/frontend/src/pages/Common/SingleSelection.js index def4b5177..b5b468927 100644 --- a/frontend/src/pages/Common/SingleSelection.js +++ b/frontend/src/pages/Common/SingleSelection.js @@ -49,9 +49,6 @@ const styles = { overflow: "hidden", textOverflow: "ellipsis" }, - nameContainer: { - maxWidth: "200px" - }, listSubHeader: { top: "auto" }, disabled: {}, closeButtonContainer: { float: "right", marginTop: -8 }, @@ -86,8 +83,8 @@ class SingleSelection extends Component { onClick={() => (id !== selectId ? this.props.onSelect(id, displayName) : undefined)} > - - + + ); diff --git a/frontend/src/pages/Confirmation/ActionsTable.js b/frontend/src/pages/Confirmation/ActionsTable.js index dc78eaa2c..02f1f0ae1 100644 --- a/frontend/src/pages/Confirmation/ActionsTable.js +++ b/frontend/src/pages/Confirmation/ActionsTable.js @@ -26,7 +26,7 @@ import OverflowTooltip from "../Common/OverflowTooltip"; const styles = { card: { marginTop: "24px", - width: "800px" + width: "1000px" }, container: { minHeight: "56px", @@ -62,7 +62,7 @@ const styles = { flex: 1, overflow: "hidden", textOverflow: "ellipsis", - maxWidth: "140px" + maxWidth: "none" }, tableRow: { display: "flex", @@ -77,7 +77,7 @@ const styles = { flex: 1, overflow: "hidden", textOverflow: "ellipsis", - maxWidth: "140px" + maxWidth: "none" } }; @@ -103,12 +103,12 @@ const generateHeader = (status, actionTableColumns) => { ) : null} {actionTableColumns.userOrGroupColumn ? ( - - + + ) : null} {status ? ( - + ) : null} @@ -145,14 +145,14 @@ const generateActions = (actions, executedActions, failedAction, users, groups, ) : null} {actionTableColumns.userOrGroupColumn ? ( - - + + ) : null} {status ? ( {getStatusIcon(executedActions, failedAction, action)}