fix: qa feedback

solana-labs · Jul 25, 2019 · 2fb51ac · 2fb51ac
1 parent 5496f37
commit 2fb51ac
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 4 deletions.
diff --git a/src/v2/components/NavBar/styles.js b/src/v2/components/NavBar/styles.js
@@ -61,7 +61,8 @@ export default makeStyles(theme => ({
   listRoot: {
     width: 88,
     transition: '.15s ease-in-out',
-    overflow: 'hidden',
+    overflowX: 'hidden',
+    overflowY: 'auto',
     '&:hover': {
       width: 225,
     },

diff --git a/src/v2/components/Validators/styles.js b/src/v2/components/Validators/styles.js
@@ -7,7 +7,7 @@ export default makeStyles(theme => ({
   },
   changes: {
     display: 'flex',
-    justifyContent: 'space-between',
+    justifyContent: 'center',
     alignItems: 'center',
     width: '100%',
     padding: '0 20px',
@@ -23,14 +23,14 @@ export default makeStyles(theme => ({
     '&:not(:last-child)': {
       marginBottom: 15,
     },
-    [theme.breakpoints.down('md')]: {
+    [theme.breakpoints.down('sm')]: {
       flex: 1,
       '&:not(:last-child)': {
         marginBottom: 0,
         marginRight: 10,
       },
     },
-    [theme.breakpoints.down('sm')]: {
+    [theme.breakpoints.down('xs')]: {
       flex: 1,
       '&:not(:last-child)': {
         marginRight: 0,
@@ -47,5 +47,11 @@ export default makeStyles(theme => ({
   stats: {
     display: 'flex',
     flexDirection: 'column',
+    [theme.breakpoints.down('sm')]: {
+      flexDirection: 'row',
+    },
+    [theme.breakpoints.down('xs')]: {
+      flexDirection: 'column',
+    },
   },
 }));