From fe97342846ef8989e98030b11fadad7947b7f9f4 Mon Sep 17 00:00:00 2001
From: sveisvei <sveinung.rosaker@gmail.com>
Date: Mon, 5 Dec 2016 23:06:25 +0100
Subject: [PATCH] improve buttons

---
 frontend/src/component/feature/form/index.jsx | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/frontend/src/component/feature/form/index.jsx b/frontend/src/component/feature/form/index.jsx
index cbe25cc7c2..302ccd5305 100644
--- a/frontend/src/component/feature/form/index.jsx
+++ b/frontend/src/component/feature/form/index.jsx
@@ -1,5 +1,5 @@
 import React, { Component, PropTypes } from 'react';
-import { Textfield, Button, Switch } from 'react-mdl';
+import { Textfield, Button, Switch, Icon } from 'react-mdl';
 import StrategiesSection from './strategies-section-container';
 
 const trim = (value) => {
@@ -78,9 +78,15 @@ class AddFeatureToggleComponent extends Component {
                     removeStrategy={removeStrategy} />
 
                 <br />
-                <Button type="submit" raised primary>{editmode ? 'Update' : 'Create'}</Button>
+                <Button type="submit" ripple raised primary icon="add">
+                    <Icon name="add" />&nbsp;&nbsp;&nbsp;
+                    {editmode ? 'Update' : 'Create'}
+                </Button>
                 &nbsp;
-                <Button type="cancel" raised onClick={onCancel}>Cancel</Button>
+                <Button type="cancel" ripple raised onClick={onCancel} style={{ float: 'right' }}>
+                    <Icon name="cancel" />&nbsp;&nbsp;&nbsp;
+                    Cancel
+                </Button>
             </form>
         );
     }