From c1fd19393f90968bc5a60a77812eac3f8785e3a3 Mon Sep 17 00:00:00 2001
From: sdtsui <szehungdanieltsui@gmail.com>
Date: Tue, 22 Aug 2017 13:09:27 -0700
Subject: Remove border and apply background color to gas input

---
 ui/app/css/itcss/components/send.scss    |  9 +++++++++
 ui/app/css/itcss/settings/variables.scss |  1 +
 ui/app/send.js                           | 12 ++++++++++--
 3 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/ui/app/css/itcss/components/send.scss b/ui/app/css/itcss/components/send.scss
index 6f124f053..7c84d3b9f 100644
--- a/ui/app/css/itcss/components/send.scss
+++ b/ui/app/css/itcss/components/send.scss
@@ -51,6 +51,13 @@
   width: 100%;
 }
 
+.send-screen-gas-input {
+  width: 100%;
+  background-color: $concrete;
+  border-width: 0px;
+  border-style: none;
+}
+
 .send-screen-amount-labels {
   display: flex;
   flex-direction: row;
@@ -62,3 +69,5 @@
   flex-direction: row;
   justify-content: space-between;
 }
+
+.send-screen-bolt-icon {}
\ No newline at end of file
diff --git a/ui/app/css/itcss/settings/variables.scss b/ui/app/css/itcss/settings/variables.scss
index 296cb4773..f2abf601c 100644
--- a/ui/app/css/itcss/settings/variables.scss
+++ b/ui/app/css/itcss/settings/variables.scss
@@ -25,6 +25,7 @@ $dusty-gray: #9b9b9b;
 $alto: #dedede;
 $alabaster: #fafafa;
 $silver-chalice: #aeaeae;
+$concrete: #f3f3f3;
 
 /*
   Z-Indicies
diff --git a/ui/app/send.js b/ui/app/send.js
index 4317fb3a2..66cde1b82 100644
--- a/ui/app/send.js
+++ b/ui/app/send.js
@@ -134,7 +134,7 @@ SendTransactionScreen.prototype.render = function () {
 
           h('div.send-screen-amount-labels', {}, [
             h('span', {}, ['Amount']),
-            h('span', {}, ['ETH <> USD'])
+            h('span', {}, ['ETH <> USD']), //holding on icon from design
           ]),
 
           h('input.large-input.send-screen-input', {
@@ -148,12 +148,20 @@ SendTransactionScreen.prototype.render = function () {
           h('div.send-screen-gas-labels', {}, [
             h('span', {}, [
               h('i.fa.fa-bolt', {}, []),
+
+              // not working ATM.
+              // Ship with fa-bolt if it's slowing us down...
+              // h('img.send-screen-bolt-icon', {
+              //   src: '../images/mm_bolt.svg',
+              //   style: {},
+              // }, []),
+
               'Gas fee:',
             ]),
             h('span', {}, ['What\'s this?']),
           ]),
 
-          h('input.large-input.send-screen-input', {
+          h('input.large-input.send-screen-gas-input', {
             placeholder: '0',
           }, []),
 
-- 
cgit v1.2.3