diff --git a/src/components/blocks/TableContent.js b/src/components/blocks/TableContent.js index 0a2ee71..05311d3 100644 --- a/src/components/blocks/TableContent.js +++ b/src/components/blocks/TableContent.js @@ -310,14 +310,16 @@ const TableContent = props => { {props.columns.map((c, i) => ( {i === 0 - ? - - {a[c.key]} - - + ? + + + {a[c.key]} + + + : {a[c.key]} } diff --git a/src/components/elements/Table.js b/src/components/elements/Table.js index 6728fff..6707db2 100644 --- a/src/components/elements/Table.js +++ b/src/components/elements/Table.js @@ -38,27 +38,29 @@ const Table = styled.table` padding: 0 1.5rem; } - & td { + & td > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; + display: block; + padding: 0.5rem 0; } - & td > a { + & td > span > a { outline: 0; text-decoration: none; } - & td > a > span { + & td > span > a > span { outline: 0; color: #565656; } - & td > a:hover > span { + & td > span > a:hover > span { box-shadow: 0 0.125rem 0 #565656; } - & td > a:focus > span { + & td > span > a:focus > span { padding: 0.625rem; margin: -0.625rem; border-radius: 0.25rem;