Remove table border and extraneous container pieces

Author: Sean Prashad

src/components/Table/index.js

@@ -194,7 +194,7 @@ const Table = () => {
  return (
  <Container className="table">
  <ReactTooltip />
- <ReactTable align="center" striped hover {...getTableProps()}>
+ <ReactTable align="center" borderless striped hover {...getTableProps()}>
  <thead>
  {headerGroups.map(headerGroup => (
  <tr {...headerGroup.getHeaderGroupProps()}>

src/components/Table/styles.scss

@@ -1,6 +1,4 @@
 .table {
- padding-top: 1rem;
-
  .row {
  justify-content: center;
  }

src/components/Tabs/index.js

@@ -62,31 +62,17 @@ const Tabs = () => {
  </NavLink>
  </NavItem>
  </Nav>
- <Container>
- <TabContent activeTab={activeTab}>
- <TabPane tabId="1">
- <Row>
- <Col>
- <Table />
- </Col>
- </Row>
- </TabPane>
- <TabPane tabId="2">
- <Row>
- <Col>
- <Tips />
- </Col>
- </Row>
- </TabPane>
- <TabPane tabId="3">
- <Row>
- <Col>
- <Acknowledgements />
- </Col>
- </Row>
- </TabPane>
- </TabContent>
- </Container>
+ <TabContent activeTab={activeTab}>
+ <TabPane tabId="1">
+ <Table />
+ </TabPane>
+ <TabPane tabId="2">
+ <Tips />
+ </TabPane>
+ <TabPane tabId="3">
+ <Acknowledgements />
+ </TabPane>
+ </TabContent>
  </Container>
  );
 };