Meilleur agencement

js/components/edit/edit-view.js

@@ -26,14 +26,18 @@ var EditView = React.createClass({
             <ProfileMenu />
           </div>
           <div className="main">
-            <button className="btn btn-primary pull-right btn-sm" onClick={this.handleAddNewNode}>Ajouter un noeud</button>
+            <div className="full-width">
+              <button className="btn btn-primary pull-right btn-sm" onClick={this.handleAddNewNode}>Ajouter un noeud</button>
+            </div>
           </div>
           <div className="right"></div>
         </div>
         <div className="workspace">
           <div className="left">
             <div className="apps-menu">
+              <b className="title">Thème</b>
               <IconThemeSelector onThemeSelected={this.handleThemeSelect} />
+              <b className="title">Applications</b>
               <DesktopAppList
                 theme={this.props.theme}
                 desktopApps={this.props.desktopApps}
@@ -41,9 +45,11 @@ var EditView = React.createClass({
             </div>
           </div>
           <div className="main">
+            <b className="title">Arbre de profil</b>
             <ProfileTree />
           </div>
           <div className="right">
+            <b className="title">Édition</b>
             <ItemForm item={this.props.selectedItem} onItemChange={this.handleItemChange} />
           </div>
         </div>

js/components/edit/item-form.js

@@ -17,7 +17,8 @@ var ItemForm = React.createClass({
       this.setState({
         label: props.item.label,
         icon: props.item.icon,
-        exec: props.item.exec
+        exec: props.item.exec,
+        background: props.item.background
       });
     }
 
@@ -31,25 +32,27 @@ var ItemForm = React.createClass({
       <div className="item-form">
         <form>
           <div className="form-group">
-            <label>Label</label>
             <input type="text" className="form-control"
               placeholder="Label"
               value={state.label}
               onChange={this.handleChange.bind(this, 'label')} />
           </div>
           <div className="form-group">
-            <label>Icon</label>
             <input type="text" className="form-control"
-              placeholder="Icon"
+              placeholder="Icône"
               value={state.icon}
               onChange={this.handleChange.bind(this, 'icon')} />
           </div>
           <div className="form-group">
-            <label>Exec</label>
             <input type="text" className="form-control"
-              placeholder="Exec" value={state.exec}
+              placeholder="Chemin d'exécution" value={state.exec}
               onChange={this.handleChange.bind(this, 'exec')} />
           </div>
+          <div className="form-group">
+            <input type="text" className="form-control"
+              placeholder="Fond d'écran" value={state.background}
+              onChange={this.handleChange.bind(this, 'background')} />
+          </div>
         </form>
       </div>
     );