New assets, fixed list box scrolling, header text, etc..

website/src/ui/List.js

@@ -11,7 +11,6 @@ class List extends Component {
 
   render() {
     const { children } = this.props
-    const listGapItem = (<div style={{ background: 'transparent', height: sizeInfo.listTopBottomGap }} />)
 
     return (
       <div style={{
@@ -21,12 +20,16 @@ class List extends Component {
         fontSize: fontInfo.size.large,
         fontFamily: fontInfo.family,
       }}>
-        <Box border={`${sizeInfo.listBorderWidth}px solid ${colorInfo.listBorder}`} radius={sizeInfo.formBoxRadius}>
-          {listGapItem}
-          <div style={{ overflow: scroll }}>
+        <Box
+          border={`${sizeInfo.listBorderWidth}px solid ${colorInfo.listBorder}`}
+          radius={sizeInfo.formBoxRadius}>
+          <div style={{
+            height: '100%',
+            width: '100%',
+            overflow: 'scroll'
+          }}>
             {children}
           </div>
-          {listGapItem}
         </Box>
       </div>
     )
@@ -93,7 +96,8 @@ List.Text = Radium(class ListText extends Component {
         color: fontInfo.color.normal,
         align: 'left',
         verticalAlign: 'middle',
-        textAlign: 'left'
+        textAlign: 'left',
+        cursor: 'default',
       }}>{children}</span>
     )
   }