From a86986b1a3216d2f8db7c54356694945b56e766e Mon Sep 17 00:00:00 2001
From: Matt Mo <matt@montoyatech.com>
Date: Mon, 21 Sep 2020 17:34:49 -0700
Subject: [PATCH] Tweaked the editable label initial design.

---
 editable-label.js | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/editable-label.js b/editable-label.js
index d28fdad..e9ded80 100644
--- a/editable-label.js
+++ b/editable-label.js
@@ -16,9 +16,9 @@ class EditableLabel extends IgniteElement {
             }
 
             mt-editable-label>div.focus {
-                border: solid 0.09em #90A4AE;
-                padding: 0.2em;
-                border-radius: 0.3em;
+                border: solid 0.13rem #ced4da;
+                padding: 0.2rem;
+                border-radius: 0.3rem;
             }
 
             mt-editable-label:hover {
@@ -27,8 +27,8 @@ class EditableLabel extends IgniteElement {
 
             mt-editable-label>div {
                 outline: unset;
-                border: solid 0.09em transparent;
-                padding: 0.2em;
+                border: solid 0.13rem transparent;
+                padding: 0.2rem;
             }
 
             mt-editable-label>button {
@@ -36,7 +36,7 @@ class EditableLabel extends IgniteElement {
                 background-color: #2196F3;
                 color: #fff;
                 border: none;
-                border-radius: 0.3em;
+                border-radius: 0.3rem;
                 padding: 0;
                 width: 1.5em;
                 height: 1.5em;