Add scrolling to relayer index

packages/website/ts/components/portal/portal.tsx

@@ -62,6 +62,12 @@ const styles: Styles = {
     body: {
         height: `calc(100vh - ${TOP_BAR_HEIGHT}px)`,
     },
+    scrollContainer: {
+        overflowZ: 'hidden',
+        height: `calc(100vh - ${TOP_BAR_HEIGHT}px)`,
+        WebkitOverflowScrolling: 'touch',
+        overflow: 'auto',
+    },
 };
 
 export class Portal extends React.Component<PortalProps, PortalState> {
@@ -165,7 +171,7 @@ export class Portal extends React.Component<PortalProps, PortalState> {
                                 onToggleLedgerDialog={this._onToggleLedgerDialog.bind(this)}
                             />
                         </div>
-                        <div className="flex-auto p3">
+                        <div className="flex-auto px3" style={styles.scrollContainer}>
                             <RelayerIndex networkId={this.props.networkId} />
                         </div>
                     </div>

packages/website/ts/components/relayer_index/relayer_index.tsx

@@ -57,7 +57,7 @@ export class RelayerIndex extends React.Component<RelayerIndexProps, RelayerInde
         const readyToRender = _.isUndefined(this.state.error) && !_.isUndefined(this.state.relayerInfos);
         if (readyToRender) {
             return (
-                <div style={styles.root}>
+                <div className="py3" style={styles.root}>
                     <GridList
                         cellHeight={CELL_HEIGHT}
                         cols={NUMBER_OF_COLUMNS}