From 16ceae18a2f8232dac1e7168ea5e70d00661dd64 Mon Sep 17 00:00:00 2001
From: sveisvei <sveinung.rosaker@gmail.com>
Date: Mon, 19 Dec 2016 21:51:07 +0100
Subject: [PATCH] tweak spacing

---
 .../src/component/strategies/add-strategy.jsx | 20 +++++++++++++------
 1 file changed, 14 insertions(+), 6 deletions(-)

diff --git a/frontend/src/component/strategies/add-strategy.jsx b/frontend/src/component/strategies/add-strategy.jsx
index 71740b995b..29131c4b1c 100644
--- a/frontend/src/component/strategies/add-strategy.jsx
+++ b/frontend/src/component/strategies/add-strategy.jsx
@@ -17,7 +17,7 @@ function gerArrayWithEntries (num) {
 }
 
 const Parameter = ({ set, input = {}, index }) => (
-    <div  style={{ background: '#f1f1f1', margin: '20px 0', padding: '10px' }}>
+    <div  style={{ background: '#f1f1f1', margin: '20px 0', padding: '16px 20px' }}>
         <Textfield
             style={{ width: '50%' }}
             floatingLabel
@@ -25,15 +25,23 @@ const Parameter = ({ set, input = {}, index }) => (
             onChange={({ target }) => set({ name: target.value }, true)}
             value={input.name} />
         <div style={{ position: 'relative', display: 'inline-block' }}>
-            <span id={`${index}-type-menu`}>
+            <span className="mdl-outline" id={`${index}-type-menu`} style={{
+                borderRadius: '2px',
+                cursor: 'pointer',
+                boxShadow: '0 2px 2px 0 rgba(0,0,0,.04),0 3px 1px -2px rgba(0,0,0,.1),0 1px 5px 0 rgba(0,0,0,.12)',
+                marginLeft: '10px',
+                border: '1px solid #f1f1f1',
+                backgroundColor: 'white',
+                padding: '10px 2px 10px 20px',
+            }}>
                 {input.type || 'string'}
                 <IconButton name="arrow_drop_down" onClick={(evt) => evt.preventDefault()} />
             </span>
             <Menu target={`${index}-type-menu`} align="right">
-                <MenuItem onClick={() => set({ type: 'string' })}>String</MenuItem>
-                <MenuItem onClick={() => set({ type: 'percentage' })}>Percentage</MenuItem>
-                <MenuItem onClick={() => set({ type: 'list' })}>List of values</MenuItem>
-                <MenuItem onClick={() => set({ type: 'number' })}>Number</MenuItem>
+                <MenuItem onClick={() => set({ type: 'string' })}>string</MenuItem>
+                <MenuItem onClick={() => set({ type: 'percentage' })}>percentage</MenuItem>
+                <MenuItem onClick={() => set({ type: 'list' })}>list</MenuItem>
+                <MenuItem onClick={() => set({ type: 'number' })}>number</MenuItem>
             </Menu>
         </div>
         <Textfield