From 7992ba5bc1f0a3733c2c879ffbc1f696fba0a765 Mon Sep 17 00:00:00 2001
From: Danny Coates <dannycoates@gmail.com>
Date: Mon, 19 Feb 2018 16:21:59 -0800
Subject: [PATCH] tweaked password input style

---
 app/templates/passwordInput/index.js                    | 2 +-
 app/templates/passwordInput/passwordInput.css           | 7 -------
 app/templates/setPasswordSection/setPasswordSection.css | 7 +++----
 3 files changed, 4 insertions(+), 12 deletions(-)

diff --git a/app/templates/passwordInput/index.js b/app/templates/passwordInput/index.js
index 368d8c67..8d9c0169 100644
--- a/app/templates/passwordInput/index.js
+++ b/app/templates/passwordInput/index.js
@@ -5,7 +5,7 @@ module.exports = function(file, state, emit) {
   const formClass = file.hasPassword
     ? 'passwordInput'
     : 'passwordInput passwordInput--hidden';
-  const inputClass = setting ? 'input input--copied' : 'input input--noBtn';
+  const inputClass = setting ? 'input' : 'input input--noBtn';
   const btnClass = setting
     ? 'inputBtn inputBtn--loading'
     : 'inputBtn inputBtn--hidden';
diff --git a/app/templates/passwordInput/passwordInput.css b/app/templates/passwordInput/passwordInput.css
index 4f564168..1bc7cdab 100644
--- a/app/templates/passwordInput/passwordInput.css
+++ b/app/templates/passwordInput/passwordInput.css
@@ -21,16 +21,9 @@
   background-position: center;
   background-size: 30px 30px;
   background-repeat: no-repeat;
-  background-color: var(--successControlBGColor);
-  border: 1px solid var(--successControlBGColor);
-  color: var(--successControlFGColor);
   flex-basis: 20%;
 }
 
-.inputBtn--loading:hover {
-  background-color: var(--successControlBGColor);
-}
-
 @media (max-device-width: 520px), (max-width: 520px) {
   .passwordInput {
     flex-direction: column;
diff --git a/app/templates/setPasswordSection/setPasswordSection.css b/app/templates/setPasswordSection/setPasswordSection.css
index c2cc6a9c..bd092a8d 100644
--- a/app/templates/setPasswordSection/setPasswordSection.css
+++ b/app/templates/setPasswordSection/setPasswordSection.css
@@ -49,11 +49,10 @@
 }
 
 .checkbox__input:disabled + .checkbox__label::before {
-  background-image: url('../assets/check-16.svg');
+  background-image: url('../assets/check-16-blue.svg');
   background-repeat: no-repeat;
-  background-size: 18px 18px;
-  border-color: var(--successControlBGColor);
-  background-color: var(--successControlBGColor);
+  background-size: 26px 26px;
+  border: none;
   cursor: auto;
 }