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,