Base new layout

js/components/edit/edit-view.js

@@ -21,17 +21,31 @@ var EditView = React.createClass({
 
     return (
       <div className="edit">
-        <div className="workspace">
-          <div className="left-menu">
+        <div className="menu-bar">
+          <div className="left">
             <ProfileMenu />
-            <IconThemeSelector onThemeSelected={this.handleThemeSelect} />
-            <DesktopAppList
-              theme={this.props.theme}
-              desktopApps={this.props.desktopApps}
-              onItemDropped={this.handleItemDrop} />
           </div>
-          <ProfileTree />
-          <ItemForm item={this.props.selectedItem} onItemChange={this.handleItemChange} />
+          <div className="main">
+            <button className="btn btn-primary pull-right btn-sm" onClick={this.handleAddNewNode}>Ajouter un noeud</button>
+          </div>
+          <div className="right"></div>
+        </div>
+        <div className="workspace">
+          <div className="left">
+            <div className="apps-menu">
+              <IconThemeSelector onThemeSelected={this.handleThemeSelect} />
+              <DesktopAppList
+                theme={this.props.theme}
+                desktopApps={this.props.desktopApps}
+                onItemDropped={this.handleItemDrop} />
+            </div>
+          </div>
+          <div className="main">
+            <ProfileTree />
+          </div>
+          <div className="right">
+            <ItemForm item={this.props.selectedItem} onItemChange={this.handleItemChange} />
+          </div>
         </div>
       </div>
     );

js/components/edit/profile-tree.js

@@ -55,7 +55,6 @@ var ProfileTree = React.createClass({
 
     return (
       <div className="profile-tree">
-        <button className="btn btn-primary pull-right btn-sm" onClick={this.handleAddNewNode}>Ajouter un noeud</button>
         {this.renderTreeNode(this.props.profile)}
       </div>
     );