Make draggable nodes noticable with border

src/Components/DraggableNode/DraggableNode.css

@@ -1,9 +1,14 @@
 .draggable-node {
     cursor: move;
     user-select: none;
-
     position: absolute;
     left: 0;
     top: 0;
-    padding: 0.5em;
+
+    padding: 0.25em;
+    border: 1px solid black;
+}
+
+.draggable-node.selected {
+    border-color: blue;
 }

src/Components/DraggableNode/DraggableNode.tsx

@@ -41,9 +41,10 @@ export class DraggableNode extends React.Component<DraggableNodeProps, {}> {
 
         return (
             <CustomConsumer>
-                {(dragSharedInfo) => {
-                    return this.renderChildren(dragSharedInfo);
-                }
+                {
+                    (dragSharedInfo) => {
+                        return this.renderChildren(dragSharedInfo);
+                    }
                 }
             </CustomConsumer>
         );