fix titles

frontend/src/component/feature/form/index.jsx

@@ -2,7 +2,7 @@ import React, { Component, PropTypes } from 'react';
 import { Textfield, Switch } from 'react-mdl';
 import StrategiesSection from './strategies-section-container';
 
-import { FormButtons } from '../../common';
+import { FormButtons, HeaderTitle } from '../../common';
 
 const trim = (value) => {
     if (value && value.trim) {
@@ -32,6 +32,7 @@ class AddFeatureToggleComponent extends Component {
             onSubmit,
             onCancel,
             editmode = false,
+            title,
         } = this.props;
 
         const {
@@ -44,8 +45,10 @@ class AddFeatureToggleComponent extends Component {
 
         return (
             <form onSubmit={onSubmit(input)}>
+                <HeaderTitle title={title} />
                 <section>
                     <Textfield
+                        floatingLabel
                         label="Name"
                         name="name"
                         disabled={editmode}
@@ -56,7 +59,9 @@ class AddFeatureToggleComponent extends Component {
                         onChange={(v) => setValue('name', trim(v.target.value))} />
                     <br />
                     <Textfield
-                        rows={2}
+                        floatingLabel
+                        style={{ width: '100%' }}
+                        rows={5}
                         label="Description"
                         required
                         value={description}

frontend/src/component/feature/view-edit-container.jsx

@@ -124,8 +124,8 @@ class EditFeatureToggleWrapper extends React.Component {
                 <p>{featureToggle.description}</p>
 
                 <hr />
-                <h4>Edit</h4>
-                <EditFeatureToggle featureToggle={featureToggle} />
+
+                <EditFeatureToggle title="Edit" featureToggle={featureToggle} />
             </div>
         );
     }

frontend/src/component/strategies/show-strategy-component.js

@@ -1,7 +1,7 @@
 import React, { Component } from 'react';
 import { Grid, Cell } from 'react-mdl';
 
-import { AppsLinkList } from '../common';
+import { AppsLinkList, HeaderTitle } from '../common';
 
 class ShowStrategyComponent extends Component {
     componentDidMount () {
@@ -43,8 +43,7 @@ class ShowStrategyComponent extends Component {
 
         return (
             <div>
-                <h4>{name}</h4>
-                <p>{description}</p>
+                <HeaderTitle title={name} subtitle={description} />
                 <Grid>
                     <Cell col={6}>
                         <h6>Parameters</h6>

frontend/src/page/features/create.js

@@ -1,11 +1,7 @@
 import React from 'react';
 import AddFeatureToggleForm from '../../component/feature/form-add-container';
 
-const render = () => (
-    <div>
-        <h6>Create feature toggle</h6>
-        <AddFeatureToggleForm />
-    </div>
-);
+
+const render = () => (<AddFeatureToggleForm title="Create feature toggle" />);
 
 export default render;