From 489f454a5f3b1a154bad6f624afb427e73be5bf6 Mon Sep 17 00:00:00 2001 From: Gad Jacobs Date: Wed, 5 Jan 2022 14:43:08 +0100 Subject: [PATCH 1/2] Align votes list to end of table --- src/components/screens/monitor/delegates/delegates.css | 2 +- .../screens/monitor/delegates/latestVotes/tableHeader.js | 3 +-- 2 files changed, 2 insertions(+), 3 deletions(-) diff --git a/src/components/screens/monitor/delegates/delegates.css b/src/components/screens/monitor/delegates/delegates.css index 2a083384f0..3cc3e364ca 100644 --- a/src/components/screens/monitor/delegates/delegates.css +++ b/src/components/screens/monitor/delegates/delegates.css @@ -85,9 +85,9 @@ & .delegatesList { display: flex; - width: calc(100% - 20px); word-break: break-word; flex-wrap: wrap; + justify-content: flex-end; & span { display: inline; diff --git a/src/components/screens/monitor/delegates/latestVotes/tableHeader.js b/src/components/screens/monitor/delegates/latestVotes/tableHeader.js index ee0fb221b5..5ea843d9d2 100644 --- a/src/components/screens/monitor/delegates/latestVotes/tableHeader.js +++ b/src/components/screens/monitor/delegates/latestVotes/tableHeader.js @@ -1,6 +1,5 @@ import grid from 'flexboxgrid/dist/flexboxgrid.css'; import gridVisibility from 'flexboxgrid-helpers/dist/flexboxgrid-helpers.min.css'; -import styles from '../delegates.css'; export default t => ([ { @@ -17,6 +16,6 @@ export default t => ([ }, { title: t('Votes'), - classList: `${grid['col-xs-5']} ${grid['col-lg-3']} ${styles.votesColumnTitle}`, + classList: `${grid['col-xs-5']} ${grid['col-lg-3']}`, }, ]); From 528a7455516b88b3dffc2dd95b0694964529bba8 Mon Sep 17 00:00:00 2001 From: Gad Jacobs Date: Wed, 5 Jan 2022 16:28:47 +0100 Subject: [PATCH 2/2] Fix transaction filter dropdown on small screens --- src/components/toolbox/dropdownButton/dropdownButton.css | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/src/components/toolbox/dropdownButton/dropdownButton.css b/src/components/toolbox/dropdownButton/dropdownButton.css index ac953106aa..efd5ded83f 100644 --- a/src/components/toolbox/dropdownButton/dropdownButton.css +++ b/src/components/toolbox/dropdownButton/dropdownButton.css @@ -8,3 +8,9 @@ top: calc(100% + 10px); } } + +@media (--small-viewport) { + .dropdown { + max-width: 670px; + } +}