diff --git a/packages/react-components/src/SummaryBox.tsx b/packages/react-components/src/SummaryBox.tsx index e0baebc66c..2298579e51 100644 --- a/packages/react-components/src/SummaryBox.tsx +++ b/packages/react-components/src/SummaryBox.tsx @@ -21,14 +21,11 @@ function SummaryBox ({ children, className = '', isSmall }: Props): React.ReactE export default React.memo(styled(SummaryBox)` align-items: stretch; - // background: rgba(255, 255, 255, 0.55); border-radius: 0.25rem; - // border-bottom: 1px solid #ddd; display: flex; flex-wrap: no-wrap; justify-content: space-between; - margin: -1.5rem -2rem 1.5rem; - padding: 1.5rem 2rem 0; + margin: 1.5rem 0; > section { display: flex; diff --git a/packages/react-components/src/Table/Body.tsx b/packages/react-components/src/Table/Body.tsx index 659690ce07..38fbbb332c 100644 --- a/packages/react-components/src/Table/Body.tsx +++ b/packages/react-components/src/Table/Body.tsx @@ -35,14 +35,6 @@ export default React.memo(styled(Body)` text-align: left; vertical-align: middle; - // &:first-child { - // border-left: 1px solid #e4e6e8; - // } - - // &:last-child { - // border-right: 1px solid #e4e6e8; - // } - label { display: block !important; white-space: nowrap; @@ -151,7 +143,6 @@ export default React.memo(styled(Body)` tr { &:nth-child(odd) { - // background: rgba(255, 254, 253, 0.55); background: #faf8f6; } @@ -159,10 +150,6 @@ export default React.memo(styled(Body)` background: rgba(255, 254, 253, 1); } - // &:last-child td { - // border-bottom: 1px solid #e4e6e8; - // } - &:first-child { td:first-child { border-top-left-radius: 0.25rem; diff --git a/packages/react-components/src/Table/Head.tsx b/packages/react-components/src/Table/Head.tsx index 894ad3b027..be814ac344 100644 --- a/packages/react-components/src/Table/Head.tsx +++ b/packages/react-components/src/Table/Head.tsx @@ -60,12 +60,10 @@ export default React.memo(styled(Head)` white-space: nowrap; &:first-child { - // border-left: 1px solid #e4e6e8; border-top-left-radius: 0.25rem; } &:last-child { - // border-right: 1px solid #e4e6e8; border-top-rights-radius: 0.25rem; } @@ -100,13 +98,6 @@ export default React.memo(styled(Head)` background: rgba(255, 254, 253, 1); text-transform: lowercase; - // &:first-child th { - // border-top: 1px solid #e4e6e8; - // } - - // &:last-child th { - // border-bottom: 1px solid #e4e6e8; - // } &:not(.filter) { th { @@ -119,7 +110,7 @@ export default React.memo(styled(Head)` background: transparent; &:first-child { - margin-top: 0; // -1px; + margin-top: 0; } } diff --git a/packages/react-components/src/Table/index.tsx b/packages/react-components/src/Table/index.tsx index 00279cc7a2..31a38945c6 100644 --- a/packages/react-components/src/Table/index.tsx +++ b/packages/react-components/src/Table/index.tsx @@ -63,7 +63,6 @@ export default React.memo(styled(Table)` width: 100%; table { - // background: rgba(255, 254, 253, 1); border-spacing: 0; max-width: 100%; overflow: hidden;