Added IconPicker listStyle prop

client/src/components/Home/IconPicker.tsx

@@ -4,15 +4,10 @@ import FontIcon from 'react-md/lib/FontIcons';
 
 import icons from '../../constants/icons';
 
-const styles = {
-  list: {
-    height: '136px',
-  } as React.CSSProperties
-};
-
 interface IIconPickerProps {
   defaultLabel?: string;
   defaultIcon?: string;
+  listStyle?: React.CSSProperties;
 }
 
 interface IIconPickerState {
@@ -25,6 +20,7 @@ export default class IconPicker extends React.Component<IIconPickerProps, IIconP
   static defaultProps = {
     defaultLabel: 'Search icons',
     defaultIcon: 'dashboard',
+    listStyle: {},
   };
 
   static listItems: any = [];
@@ -45,7 +41,7 @@ export default class IconPicker extends React.Component<IIconPickerProps, IIconP
   getIcon() {
     const { icon } = this.state;
     // check icon value is valid
-    if ( icons.findIndex(i => i === icon) > 0 ) {
+    if (icons.findIndex(i => i === icon) > 0) {
       return icon;
     }
     return 'dashboard';
@@ -53,12 +49,13 @@ export default class IconPicker extends React.Component<IIconPickerProps, IIconP
 
   componentWillMount() {
     if (IconPicker.listItems.length === 0) {
-      IconPicker.listItems = icons.map((icon, i) => ({ icon, leftIcon: <FontIcon key="icon">{icon}</FontIcon> }));
+      IconPicker.listItems = icons.map((icon) => ({ icon, leftIcon: <FontIcon key="icon">{icon}</FontIcon> }));
     }
   }
 
   render() {
     const { label, icon } = this.state;
+    const { listStyle } = this.props;
     return (
       <Autocomplete
         id="icon"
@@ -66,7 +63,7 @@ export default class IconPicker extends React.Component<IIconPickerProps, IIconP
         className="md-cell--stretch"
         data={IconPicker.listItems}
         dataLabel={'icon'}
-        listStyle={styles.list}
+        listStyle={listStyle}
         value={icon}
         onChange={this.onChange}
         onAutocomplete={this.onChange}

client/src/components/Home/index.tsx

@@ -423,7 +423,8 @@ export default class Home extends React.Component<any, IHomeState> {
           <IconPicker 
             ref={field => this._fieldIcon = field}
             defaultLabel="Dashboard Icon" 
-            defaultIcon={template && template.icon || 'dashboard'} />
+            defaultIcon={template && template.icon || 'dashboard'}
+            listStyle={{height: '136px'}} />
           <TextField
             id="id"
             ref={field => this._fieldId = field}