message: Move pagination outside of table
diff: @@ -63,7 +63,7 @@ const TableViewStyles = styled.div<{
  ${({ scrollTable, theme }) =>
  scrollTable &&
  `
  - height: 380px;
  + height: 300px;
  margin-bottom: ${theme.gridUnit * 4}px;
  overflow: auto;
  `}
  @@ -88,8 +88,11 @@ const TableViewStyles = styled.div<{
  `${theme.gridUnit - 2}px solid ${theme.colors.grayscale.light2}`};
  ${({ small }) => small && `padding-bottom: 0;`}
  }
  +`;
  - .pagination-container {
  +const PaginationStyles = styled.div<{
  + isPaginationSticky?: boolean;
  +}>`
  display: flex;
  flex-direction: column;
  justify-content: center;
  @@ -103,7 +106,6 @@ const TableViewStyles = styled.div<{
  bottom: 0;
  left: 0;
  `};
  - }
  .row-count-container {
  margin-top: ${({ theme }) => theme.gridUnit * 2}px;
  @@ -191,6 +193,7 @@ const TableView = ({
  const isEmpty = !loading && content.length === 0;
  return (
  + <>
  <TableViewStyles {...props}>
  <TableCollection
  getTableProps={getTableProps}
  @@ -213,8 +216,12 @@ const TableView = ({
  )}
  </EmptyWrapperComponent>
  )}
  + </TableViewStyles>
  {pageCount > 1 && withPagination && (
  - <div className="pagination-container">
  + <PaginationStyles
  + className="pagination-container"
  + isPaginationSticky={props.isPaginationSticky}
  + >
  <Pagination
  totalPages={pageCount || 0}
  currentPage={pageCount ? pageIndex + 1 : 0}
  @@ -232,9 +239,9 @@ const TableView = ({
  )}
  </div>
  )}
  - </div>
  + </PaginationStyles>
  )}
  - </TableViewStyles>
  + </>
  );
  };
  