cursor on color picker

1 files changed, 13 insertions, 2 deletions

diff --git a/public/assets/stylesheets/app.css b/public/assets/stylesheets/app.css
index fe50b92..8f22db5 100755
--- a/public/assets/stylesheets/app.css
+++ b/public/assets/stylesheets/app.css
@@ -1262,9 +1262,20 @@ input[type="range"]::-webkit-slider-thumb {
   border-radius:10px;
   cursor:pointer;
 }
+#color-picker {
+  position: relative;
+}
 .colorPicker {
   cursor: crosshair;
 }
+.colorPickerCursor {
+  position: absolute;
+  width: 8px;
+  height: 8px;
+  border: 2px solid black;
+  border-radius: 50%;
+  margin-left: -4px;
+}
 
 .swatch {
   width: 20px;
@@ -1274,10 +1285,10 @@ input[type="range"]::-webkit-slider-thumb {
   cursor: pointer;
 	float:left;
 }
-.swatch:hover {
+span:hover .swatch {
 	border: 1px solid red;
 }
-.swatch.selected {
+.active .swatch {
   border: 1px solid #000;
 }
 .color-swatches {