Css fixes

2 files changed, 9 insertions, 7 deletions

diff --git a/ui/app/components/coinbase-form.js b/ui/app/components/coinbase-form.js
index 7ba8ca79e..f44d86045 100644
--- a/ui/app/components/coinbase-form.js
+++ b/ui/app/components/coinbase-form.js
@@ -23,7 +23,7 @@ CoinbaseForm.prototype.render = function () {
 
   return h('.flex-column', {
     style: {
-      // margin: '10px',
+      marginTop: '35px',
       padding: '25px',
       width: '100%',
     },
@@ -35,11 +35,11 @@ CoinbaseForm.prototype.render = function () {
         marginTop: '0px',
       },
     }, [
-      h('button', {
+      h('button.btn-green', {
         onClick: this.toCoinbase.bind(this),
       }, 'Continue to Coinbase'),
 
-      h('button', {
+      h('button.btn-red', {
         onClick: () => props.dispatch(actions.backTobuyView(props.accounts.address)),
       }, 'Cancel'),
     ]),
diff --git a/ui/app/components/shapeshift-form.js b/ui/app/components/shapeshift-form.js
index f0a067c05..e0a720426 100644
--- a/ui/app/components/shapeshift-form.js
+++ b/ui/app/components/shapeshift-form.js
@@ -70,6 +70,7 @@ ShapeshiftForm.prototype.renderMain = function () {
         h('input#fromCoin.buy-inputs.ex-coins', {
           type: 'text',
           list: 'coinList',
+          autoFocus: true,
           dataset: {
             persistentFormId: 'input-coin',
           },
@@ -86,6 +87,7 @@ ShapeshiftForm.prototype.renderMain = function () {
           style: {
             fontSize: '12px',
             color: '#F7861C',
+            position: 'relative',
             bottom: '48px',
             left: '106px',
           },
@@ -156,8 +158,8 @@ ShapeshiftForm.prototype.renderMain = function () {
         },
         style: {
           boxSizing: 'border-box',
-          width: '278px',
-          height: '20px',
+          width: '227px',
+          height: '30px',
           padding: ' 5px ',
         },
       }),
@@ -167,7 +169,7 @@ ShapeshiftForm.prototype.renderMain = function () {
           fontSize: '12px',
           color: '#F7861C',
           position: 'relative',
-          bottom: '5px',
+          bottom: '10px',
           right: '11px',
         },
       }),
@@ -181,7 +183,7 @@ ShapeshiftForm.prototype.renderMain = function () {
           style: {
             marginTop: '10px',
             position: 'relative',
-            bottom: '33px',
+            bottom: '40px',
           },
         },
         'Submit'),