From 420bd99d1ec2ca4294853c295ba34e91a8f50ac3 Mon Sep 17 00:00:00 2001
From: ivaosthu <ivar.conradi.osthus@finn.no>
Date: Sat, 10 Dec 2016 12:54:09 +0100
Subject: [PATCH] add-strategy list should be scrollable

---
 frontend/src/component/feature/form/strategies-add.jsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/frontend/src/component/feature/form/strategies-add.jsx b/frontend/src/component/feature/form/strategies-add.jsx
index 9b1b60b238..5adecf4c6b 100644
--- a/frontend/src/component/feature/form/strategies-add.jsx
+++ b/frontend/src/component/feature/form/strategies-add.jsx
@@ -30,10 +30,15 @@ class AddStrategy extends React.Component {
     }
 
     render () {
+        const menuStyle = {
+            maxHeight: '300px',
+            overflowY: 'auto',
+            backgroundColor: 'rgb(247, 248, 255)',
+        };
         return (
             <div style={{ position: 'relative', width: '25px', height: '25px', display: 'inline-block' }} >
                 <IconButton name="add" id="strategies-add" colored title="Sort" onClick={this.stopPropagation}/>
-                <Menu target="strategies-add" valign="bottom" align="right" ripple onClick={
+                <Menu target="strategies-add" valign="top" align="left" ripple style={menuStyle} onClick={
                     (e) => this.setSort(e.target.getAttribute('data-target'))}>
                     <MenuItem disabled>Add Strategy:</MenuItem>
                     {this.props.strategies.map((s) => <MenuItem key={s.name} onClick={() => this.addStrategy(s.name)}>{s.name}</MenuItem>)}