From 7dd8e05af61cc3529f04bda150e0baa2a12187de Mon Sep 17 00:00:00 2001
From: Jacob Shilitz <jacobshilitz@gmail.com>
Date: Sun, 13 Jun 2021 13:43:23 -0400
Subject: [PATCH 1/2] Change css border to outline

although `box-sizing` was set to `border-box` which did a similar effect, i think its better to use `outline` https://developer.mozilla.org/en-US/docs/Web/CSS/outline

it seems that its supported 97.48% so that is not a problem https://caniuse.com/?search=outline
---
 src/components/index.css | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/components/index.css b/src/components/index.css
index 7035edb..b0d7c8b 100644
--- a/src/components/index.css
+++ b/src/components/index.css
@@ -1,15 +1,14 @@
 .vdr-container {
   position: absolute;
-  border: 1px solid transparent;
-  box-sizing: border-box;
+  outline: 1px solid transparent;
 }
 .vdr-container.active {
-  border-color: #000;
-  border-style: dashed;
+  outline-color: #000;
+  outline-style: dashed;
 }
 .vdr-container.dragging {
-  border-color: #000;
-  border-style: solid;
+  outline-color: #000;
+  outline-style: solid;
 }
 .vdr-handle {
   box-sizing: border-box;

From 9535e6ffce74592ea2bfba7d348e38f83828e82f Mon Sep 17 00:00:00 2001
From: Jacob Shilitz <jacobshilitz@gmail.com>
Date: Sun, 13 Jun 2021 13:44:35 -0400
Subject: [PATCH 2/2] Set cursor to move when mouse is hovering on a active
 container

---
 src/components/index.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/index.css b/src/components/index.css
index b0d7c8b..d6b99b6 100644
--- a/src/components/index.css
+++ b/src/components/index.css
@@ -5,6 +5,7 @@
 .vdr-container.active {
   outline-color: #000;
   outline-style: dashed;
+  cursor:move;
 }
 .vdr-container.dragging {
   outline-color: #000;