From 43629d0fd4082035077f39a924bcd4b51ff00ded Mon Sep 17 00:00:00 2001
From: oconnorct1 <oconnorct1@gmail.com>
Date: Sun, 7 May 2017 02:17:31 -0400
Subject: [PATCH] card / update dropdown

---
 js/src/ui/Container/container.js                      |  3 ++-
 js/src/ui/Dropdown/dropdown.css                       |  5 +++++
 js/src/ui/Dropdown/dropdown.js                        | 11 ++++++++---
 .../Account/Shapeshift/OptionsStep/optionsStep.js     |  2 +-
 4 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/js/src/ui/Container/container.js b/js/src/ui/Container/container.js
index 5b6dbdcf9..5e4eb52b1 100644
--- a/js/src/ui/Container/container.js
+++ b/js/src/ui/Container/container.js
@@ -16,7 +16,7 @@
 
 import React, { Component, PropTypes } from 'react';
 import { Link } from 'react-router';
-import { Card } from 'material-ui/Card';
+import { Card } from 'semantic-ui-react';
 
 import { nodeOrStringProptype } from '~/util/proptypes';
 
@@ -58,6 +58,7 @@ export default class Container extends Component {
         }
         onClick={ onClick }
         onFocus={ onFocus }
+        fluid
       >
         { this.renderTitle() }
         { children }
diff --git a/js/src/ui/Dropdown/dropdown.css b/js/src/ui/Dropdown/dropdown.css
index 5a55efaef..07f3e3df9 100644
--- a/js/src/ui/Dropdown/dropdown.css
+++ b/js/src/ui/Dropdown/dropdown.css
@@ -14,3 +14,8 @@
 /* You should have received a copy of the GNU General Public License
 /* along with Parity.  If not, see <http://www.gnu.org/licenses/>.
 */
+
+.dropdown {
+  position: relative;
+  display: block;
+}
diff --git a/js/src/ui/Dropdown/dropdown.js b/js/src/ui/Dropdown/dropdown.js
index 0a3b0f314..8a0e5e1bf 100644
--- a/js/src/ui/Dropdown/dropdown.js
+++ b/js/src/ui/Dropdown/dropdown.js
@@ -31,14 +31,18 @@
 import React, { PropTypes } from 'react';
 import { Dropdown as DropdownUI } from 'semantic-ui-react';
 
-export default function Dropdown ({ defaultValue, disabled, fluid, icon, name, onChange, onClick, onClose, onFocus, options, placeholder, scrolling, search, selection, text, value }) {
+import styles from './dropdown.css';
+
+export default function Dropdown ({ defaultValue, disabled, fluid, icon, name, onBlur, onChange, onClick, onClose, onFocus, options, placeholder, scrolling, search, selection, text, value }) {
   return (
     <DropdownUI
+      className={ styles.dropdown }
       defaultValue={ defaultValue }
       disabled={ disabled }
       fluid={ fluid }
       icon={ icon }
       name={ name }
+      onBlur={ onBlur }
       onChange={ onChange }
       onClick={ onClick }
       onClose={ onClose }
@@ -55,11 +59,12 @@ export default function Dropdown ({ defaultValue, disabled, fluid, icon, name, o
 }
 
 Dropdown.propTypes = {
-  defaultValue: PropTypes.number,    // Initial value via index
+  defaultValue: PropTypes.number,    // Initial value via index.
   disabled: PropTypes.bool,          // A disabled dropdown menu or item does not allow user interaction.
-  fluid: PropTypes.bool,             // A dropdown can take the full width of its parent
+  fluid: PropTypes.bool,             // A dropdown can take the full width of its parent.
   icon: PropTypes.any,               // Shorthand for Icon.
   name: PropTypes.func,              // Name of the hidden input which holds the value.
+  onBlur: PropTypes.func,            // Called on blur.
   onChange: PropTypes.func,          // Called when the user attempts to change the value.
   onClick: PropTypes.func,           // Called on click.
   onClose: PropTypes.func,           // Called on close.
diff --git a/js/src/views/Account/Shapeshift/OptionsStep/optionsStep.js b/js/src/views/Account/Shapeshift/OptionsStep/optionsStep.js
index eeb569a76..591a25a3b 100644
--- a/js/src/views/Account/Shapeshift/OptionsStep/optionsStep.js
+++ b/js/src/views/Account/Shapeshift/OptionsStep/optionsStep.js
@@ -59,7 +59,7 @@ export default class OptionsStep extends Component {
     return (
       <div className={ styles.body }>
         <Form>
-          <div style={ { display: 'block', height: '22px', fontSize: '16px', position: 'relative', lineHeight: '22px', top: '38px', pointerEvents: 'none', userSelect: 'none', color: 'rgba(0, 0, 0, 0.298039)' } }>
+          <div style={ { display: 'block', paddingTop: '15px', paddingBottom: '5px', fontSize: '16px', pointerEvents: 'none', userSelect: 'none', color: 'rgba(0, 0, 0, 0.298039)' } }>
             <FormattedMessage
               id='shapeshift.optionsStep.typeSelect.label'
               defaultMessage='Fund account from'