diff --git a/src/components/CollatorList/CollatorList.module.css b/src/components/CollatorList/CollatorList.module.css index e63ca46..b2bf9ed 100644 --- a/src/components/CollatorList/CollatorList.module.css +++ b/src/components/CollatorList/CollatorList.module.css @@ -4,6 +4,7 @@ text-align: left; margin-top: 10px; background-color: var(--color-bg); + table-layout: fixed; } .tableHead { @@ -38,3 +39,15 @@ tr.search { .activeSort { color: var(--color-primary); } + +.indicatorCol { + width: 110px; +} + +.actionCol { + width: 120px; +} + +.tokensCol { + width: 50px; +} diff --git a/src/components/CollatorList/CollatorList.tsx b/src/components/CollatorList/CollatorList.tsx index e387a54..c0d1d6d 100644 --- a/src/components/CollatorList/CollatorList.tsx +++ b/src/components/CollatorList/CollatorList.tsx @@ -82,7 +82,7 @@ export const CollatorList: React.FC = () => { - + { className={cx({ [styles.activeSort]: sortBy === SORT_BY.Delegators, })} - colSpan={2} > Delegators - + + diff --git a/src/components/Input/Input.module.css b/src/components/Input/Input.module.css index 50ee9e9..efbc1b5 100644 --- a/src/components/Input/Input.module.css +++ b/src/components/Input/Input.module.css @@ -18,8 +18,10 @@ } .number { - max-width: 110px; + width: 200px; + max-width: 100%; text-align: right; + box-sizing: border-box; } .number::-webkit-outer-spin-button, diff --git a/src/components/NewStakeRow/NewStakeRow.tsx b/src/components/NewStakeRow/NewStakeRow.tsx index b8410dc..fe1184b 100644 --- a/src/components/NewStakeRow/NewStakeRow.tsx +++ b/src/components/NewStakeRow/NewStakeRow.tsx @@ -43,9 +43,13 @@ export const NewStakeRow: React.FC = ({ staked = false, collator }) => { return ( diff --git a/src/styles/row.module.css b/src/styles/row.module.css index 18dee85..92485a5 100644 --- a/src/styles/row.module.css +++ b/src/styles/row.module.css @@ -25,7 +25,10 @@ } .stakeRow td { - border-top: 1px solid var(--color-primary-light); + border-top: 1px solid #ffee00a8; + font-size: var(--font-size-small); +} +.stakedRow td { font-size: var(--font-size-small); } .stakeRow td:first-of-type,