drag equipped items

client/assets/styles/instance.less

@@ -203,6 +203,9 @@
         button {
             height: 3em;
         }
+        label {
+            display: flex;
+        }
     }
 
     .specs {
@@ -228,6 +231,10 @@
             font-size: 75%;
             line-height: initial;
         }
+
+        label {
+            display: flex;
+        }
     }
 
     .stats {

client/src/components/instance.constructs.jsx

@@ -153,15 +153,17 @@ function Construct(props) {
 
         const classes = `${equipping ? 'equipping' : ''} ${!skill ? 'empty' : ''} ${border()}`;
         return (
-            <button
+            <label onDragStart={skillClick} key={i} draggable="true">
-                key={i}
+                <button
-                disabled={!skill && !equipping}
+                    key={i}
-                class={classes}
+                    disabled={!skill && !equipping}
-                onClick={skillClick}
+                    class={classes}
-                onDblClick={skillDblClick}
+                    onClick={skillClick}
-                onMouseOver={e => hoverInfo(e, skill && skill.skill)} >
+                    onDblClick={skillDblClick}
-                {s}
+                    onMouseOver={e => hoverInfo(e, skill && skill.skill)} >
-            </button>
+                    {s}
+                </button>
+            </label>
         );
     });
 
@@ -195,13 +197,15 @@ function Construct(props) {
 
 
         return (
-            <button
+            <label onDragStart={specClick} key={i} draggable="true">
-                key={i}
+                <button
-                onClick={specClick}
+                    key={i}
-                onDblClick={specDblClick}
+                    onClick={specClick}
-                onMouseOver={e => hoverInfo(e, s)} >
+                    onDblClick={specDblClick}
-                {shapes[s]()}
+                    onMouseOver={e => hoverInfo(e, s)} >
-            </button>
+                    {shapes[s]()}
+                </button>
+            </label>
         );
     });
 

client/src/components/vbox.component.jsx

@@ -306,7 +306,8 @@ class Vbox extends preact.Component {
                 // removing
                 const combinerIndex = combiner.indexOf(i);
                 if (combinerIndex > -1) {
-                    return combinerChange(without(combiner, i));
+                    return true;
+                    // return combinerChange(without(combiner, i));
                 }
 
                 combiner.push(i);