Edition via drag & drop des items

css/style.css

@@ -6,7 +6,6 @@ html, body {
   padding: 0;
   margin: 0;
   font-family: 'Droid Sans', 'Ubuntu Sans', sans-serif;
-  background: url('../img/background.png') no-repeat;
   background-size: contain;
   background-position: center;
   background-color: rgb(34, 107, 160);
@@ -16,6 +15,11 @@ html, body {
   overflow-x: hidden;
 }
 
+.alert.alert-default {
+  border-radius: 4px;
+  border: 1px solid #ddd;
+}
+
 /* Launcher View */
 
 .launcher {
@@ -23,6 +27,7 @@ html, body {
   width: 100%;
   height: 100%;
   flex-direction: column;
+  background: url('../img/background.png') no-repeat;
 }
 
 .launcher .category-header {
@@ -109,27 +114,80 @@ html, body {
   width: 100%;
   height: 100%;
   flex-direction: column;
-  align-items: flex-start;
 }
 
-.edit ul.desktop-apps {
+.edit .workspace {
+  display: flex;
+  flex-direction: row;
+  padding: 10px;
+}
+
+.edit .left-menu {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+}
+
+.edit .item-form {
+  display: flex;
+  flex-direction: row;
+  flex: 1;
+}
+
+.edit .apps-list .icon-theme-selector > select {
+  width: 100%;
+}
+
+.edit .apps-list ul.desktop-apps {
   list-style: none;
   padding: 0;
   overflow-y: auto;
+  height: 100%;
+  margin: 10px 0 0 0;
+  padding: 0 10px 0 0;
 }
 
-.edit li.desktop-app {
+.edit .apps-list li.desktop-app {
 
 }
 
 .edit .desktop-app > .app-icon {
-  height: 50px;
-  width: 50px;
+  height: 35px;
+  width: 35px;
   display: inline-block;
   vertical-align: middle;
   margin-right: 10px;
 }
 
+.edit .profile-tree {
+  flex: 3;
+  padding: 0 5px;
+}
+
+.edit .profile-tree ul {
+  list-style: none;
+  margin: 0;
+}
+
+.edit .profile-tree > .tree-item > ul {
+  padding: 0;
+}
+
+.edit .profile-tree .tree-item .alert {
+  padding: 5px;
+  margin-bottom: 2px;
+}
+
+.edit .profile-tree .tree-item .app-icon {
+  height: 25px;
+  margin-right: 5px;
+}
+
+.edit .app-item-edit {
+  flex: 1;
+  padding: 0 5px;
+}
+
 /* Animations */
 
 .pulse {