Merge pull request #4046 from LiskHQ/4009-responsiveness-issues-220

Fix responsiveness issues in 2.2.0-beta.1 - Closes #4009
LiskHQ · Jan 10, 2022 · 9ffa60d · 9ffa60d
2 parents 52ace16 + 85a445a
commit 9ffa60d
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 3 deletions.
diff --git 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
@@ -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']}`,
   },
 ]);
diff --git 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;
+  }
+}