diff --git a/client/src/components/molecules/VersionNumbers/VersionTable.module.scss b/client/src/components/molecules/VersionNumbers/VersionTable.module.scss index a300bd9..3ecf21e 100644 --- a/client/src/components/molecules/VersionNumbers/VersionTable.module.scss +++ b/client/src/components/molecules/VersionNumbers/VersionTable.module.scss @@ -7,15 +7,9 @@ } .table { - display: table; border-top: 1px solid $brand-grey-lighter; - tr { - position: relative; - } - table { - display: table; margin-left: $spacer; width: calc(100% - #{$spacer}); margin-bottom: -1px; @@ -33,6 +27,7 @@ td { padding: $spacer / 4 $spacer / 2; + vertical-align: top; &:last-child { text-align: right; @@ -56,3 +51,7 @@ } } } + +.label { + min-width: 15rem; +} diff --git a/client/src/components/molecules/VersionNumbers/VersionTable.tsx b/client/src/components/molecules/VersionNumbers/VersionTable.tsx index 864e2f9..9d1eaba 100644 --- a/client/src/components/molecules/VersionNumbers/VersionTable.tsx +++ b/client/src/components/molecules/VersionNumbers/VersionTable.tsx @@ -64,7 +64,7 @@ export const VersionTableContracts = ({ return (
{key}
{key}
{value}
diff --git a/client/src/components/molecules/VersionNumbers/VersionTableRow.tsx b/client/src/components/molecules/VersionNumbers/VersionTableRow.tsx
index 57c4805..fe4c31c 100644
--- a/client/src/components/molecules/VersionNumbers/VersionTableRow.tsx
+++ b/client/src/components/molecules/VersionNumbers/VersionTableRow.tsx
@@ -7,11 +7,12 @@ import VersionNumber from './VersionNumber'
const VersionTableRow = ({ value }: { value: any }) => {
const collapseStyles = {
- transition: '0.01s'
+ transitionDuration: '0.01s'
}
const expandStyles = {
- transition: '0.01s'
+ transitionDuration: '0.01s',
+ transitionTimingFunction: 'ease-out'
}
const { getCollapseProps, getToggleProps, isOpen } = useCollapse({
diff --git a/client/src/styles/global.scss b/client/src/styles/global.scss
index 2637d21..b6379f3 100644
--- a/client/src/styles/global.scss
+++ b/client/src/styles/global.scss
@@ -239,11 +239,6 @@ table {
width: 100%;
margin-bottom: $spacer * $line-height;
border-collapse: collapse;
- display: block;
-
- // make 'em scrollable
- overflow: auto;
- -webkit-overflow-scrolling: touch;
th,
td {