trying to get mapping of nominators correct (#346)

* trying to get mapping of nominators correct

* changed double quote to single

packages/app-staking/src/StakeList/Account.tsx

@@ -115,13 +115,18 @@ class Account extends React.PureComponent<Props, State> {
       return null;
     }
 
-    return stakingNominatorsFor.map((nominator) => (
-      <AddressMini
-        key={nominator}
-        value={nominator}
-        withBalance
-      />
-    ));
+    return (
+      <div className='ui--Nominators'>
+        {stakingNominatorsFor.map((nominator) => (
+          <AddressMini
+            isPadded={false}
+            key={nominator}
+            value={nominator}
+            withBalance
+          />
+        ))}
+      </div>
+    );
   }
 
   private renderButtons () {

packages/app-staking/src/index.css

@@ -28,6 +28,12 @@
   display: block;
 }
 
+.ui--Nominators {
+  overflow-y: overlay;
+  max-height: 196px;
+  padding-right: 18px;
+}
+
 .staking--Account .ui--AddressSummary {
   padding: 0;
 }