From 939e2c70c4a319ac150c874791bb9696adb6481a Mon Sep 17 00:00:00 2001
From: Brandon Millman <brandon.millman@gmail.com>
Date: Mon, 23 Apr 2018 22:17:26 -0700
Subject: Add headers to wallet and relayer index

---
 packages/website/ts/components/portal/portal.tsx             | 12 +++++++++++-
 .../website/ts/components/relayer_index/relayer_index.tsx    |  2 +-
 2 files changed, 12 insertions(+), 2 deletions(-)

(limited to 'packages/website/ts')

diff --git a/packages/website/ts/components/portal/portal.tsx b/packages/website/ts/components/portal/portal.tsx
index 6939d8905..507860ee6 100644
--- a/packages/website/ts/components/portal/portal.tsx
+++ b/packages/website/ts/components/portal/portal.tsx
@@ -68,6 +68,10 @@ const styles: Styles = {
         WebkitOverflowScrolling: 'touch',
         overflow: 'auto',
     },
+    title: {
+        fontWeight: 'bold',
+        fontSize: 20,
+    },
 };
 
 export class Portal extends React.Component<PortalProps, PortalState> {
@@ -154,7 +158,10 @@ export class Portal extends React.Component<PortalProps, PortalState> {
                 />
                 <div id="portal" style={styles.body}>
                     <div className="sm-flex flex-center">
-                        <div className="flex-last p3">
+                        <div className="flex-last px3">
+                            <div className="py3" style={styles.title}>
+                                Your Account
+                            </div>
                             <Wallet
                                 userAddress={this.props.userAddress}
                                 networkId={this.props.networkId}
@@ -172,6 +179,9 @@ export class Portal extends React.Component<PortalProps, PortalState> {
                             />
                         </div>
                         <div className="flex-auto px3" style={styles.scrollContainer}>
+                            <div className="py3" style={styles.title}>
+                                Explore 0x Ecosystem
+                            </div>
                             <RelayerIndex networkId={this.props.networkId} />
                         </div>
                     </div>
diff --git a/packages/website/ts/components/relayer_index/relayer_index.tsx b/packages/website/ts/components/relayer_index/relayer_index.tsx
index e8775e1a5..c1ab4227a 100644
--- a/packages/website/ts/components/relayer_index/relayer_index.tsx
+++ b/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 className="py3" style={styles.root}>
+                <div style={styles.root}>
                     <GridList
                         cellHeight={CELL_HEIGHT}
                         cols={NUMBER_OF_COLUMNS}
-- 
cgit v1.2.3