From f87b420d055cf039ae6f7c27ba7abd6523337093 Mon Sep 17 00:00:00 2001
From: Abhas Bhattacharya <abhasbhattacharya2@gmail.com>
Date: Mon, 9 Apr 2018 08:46:12 +0530
Subject: [PATCH] Make draggable nodes noticable with border

---
 src/Components/DraggableNode/DraggableNode.css | 9 +++++++--
 src/Components/DraggableNode/DraggableNode.tsx | 7 ++++---
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/Components/DraggableNode/DraggableNode.css b/src/Components/DraggableNode/DraggableNode.css
index b553f58..28d8d02 100644
--- a/src/Components/DraggableNode/DraggableNode.css
+++ b/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;
 }
\ No newline at end of file
diff --git a/src/Components/DraggableNode/DraggableNode.tsx b/src/Components/DraggableNode/DraggableNode.tsx
index 648b59c..ecca9fb 100644
--- a/src/Components/DraggableNode/DraggableNode.tsx
+++ b/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>
         );