From 39f8c9c21d255d8670127aae5470772f5d8652e6 Mon Sep 17 00:00:00 2001
From: ivaosthu <ivar.conradi.osthus@finn.no>
Date: Fri, 30 Sep 2016 15:23:22 +0200
Subject: [PATCH] minor fixes to the AddTogglePage #153

---
 .../component/feature/AddFeatureToggle.jsx    | 49 ++++++++++++-------
 1 file changed, 30 insertions(+), 19 deletions(-)

diff --git a/packages/unleash-frontend-next/src/component/feature/AddFeatureToggle.jsx b/packages/unleash-frontend-next/src/component/feature/AddFeatureToggle.jsx
index 4533c0dcf9..97c30c802d 100644
--- a/packages/unleash-frontend-next/src/component/feature/AddFeatureToggle.jsx
+++ b/packages/unleash-frontend-next/src/component/feature/AddFeatureToggle.jsx
@@ -38,29 +38,40 @@ class AddFeatureToggle extends React.Component {
         return (
             <div>
                 <form onSubmit={this.onSubmit}>
-                    <Input
-                        type="text"
-                        label="Name"
-                        name="name"
-                        value={this.state.name}
-                        onChange={this.handleChange.bind(this, 'name')} />
-                    <Input
-                        type="text"
-                        multiline label="Description"
-                        value={this.state.description}
-                        onChange={this.handleChange.bind(this, 'description')} />
+                    <section>
+                        <Input
+                            type="text"
+                            label="Name"
+                            name="name"
+                            required
+                            value={this.state.name}
+                            onChange={this.handleChange.bind(this, 'name')} />
+                        <Input
+                            type="text"
+                            multiline label="Description"
+                            required
+                            value={this.state.description}
+                            onChange={this.handleChange.bind(this, 'description')} />
+
+                        <br />
+
+                        <Switch
+                            checked={this.state.enabled}
+                            label="Enabled"
+                            onChange={this.handleChange.bind(this, 'enabled')} />
+
+                        <br />
+                    </section>
+
+                    <section>
+                        <legend>Strategies</legend>
+                        <Button icon="add" floating />
+                    </section>
 
                     <br />
 
-                    <Switch
-                        checked={this.state.enabled}
-                        label="Enabled"
-                        onChange={this.handleChange.bind(this, 'enabled')} />
 
-                    <br />
-                    <Button type="submit"  raised primary>
-                        Create Feature Toggle.
-                    </Button>
+                    <Button type="submit" raised primary label="Create Feature Toggle" />
                 </form>
             </div>
         );