From bbf47b8eeb6caa78856beaddcff8d5a6f55919f3 Mon Sep 17 00:00:00 2001
From: Matthew Taylor <mewtaylor@gmail.com>
Date: Fri, 27 Oct 2017 08:37:28 -0400
Subject: [PATCH] Remove user select state from form fields in paint
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Also add a pointer curser to the color-button html elements so that it’s clear those are clickable
---
 src/components/button/button.css             | 1 +
 src/components/color-button/color-button.css | 3 +++
 2 files changed, 4 insertions(+)

diff --git a/src/components/button/button.css b/src/components/button/button.css
index 882fe33d..1633ab18 100644
--- a/src/components/button/button.css
+++ b/src/components/button/button.css
@@ -3,6 +3,7 @@
 :local(.button) {
     background: none;
     cursor: pointer;
+    user-select: none;
 }
 :local(.button:active) {
     background-color: $motion-transparent; 
diff --git a/src/components/color-button/color-button.css b/src/components/color-button/color-button.css
index 5ef6744d..e4d06622 100644
--- a/src/components/color-button/color-button.css
+++ b/src/components/color-button/color-button.css
@@ -7,6 +7,7 @@
 .color-button-swatch {
     position: relative;
     display: flex;
+    cursor: pointer;
     flex-basis: 2rem;
     flex-shrink: 0;
     height: 100%;
@@ -17,6 +18,8 @@
 
 .color-button-arrow {
     display: flex;
+    user-select: none;
+    cursor: pointer;
     flex-basis: 1rem;
     flex-shrink: 0;
     height: 100%;