UI interface completed, to be tested

js/src/ui/Modal/Busy/busy.js

@@ -16,17 +16,19 @@
 
 import React, { Component, PropTypes } from 'react';
 
+import { nodeOrStringProptype } from '~/util/proptypes';
+
 import styles from './busy.css';
 
 export default class Busy extends Component {
   static propTypes = {
-    title: PropTypes.string,
-    state: PropTypes.string,
-    children: PropTypes.node
+    children: PropTypes.node,
+    state: nodeOrStringProptype(),
+    title: nodeOrStringProptype()
   }
 
   render () {
-    const { children, title, state } = this.props;
+    const { children, state, title } = this.props;
 
     return (
       <div className={ styles.center }>

js/src/ui/Modal/modal.css

@@ -14,16 +14,17 @@
 /* You should have received a copy of the GNU General Public License
 /* along with Parity.  If not, see <http://www.gnu.org/licenses/>.
 */
+
 .actions {
   background: rgba(0, 0, 0, 0.25) !important;
-}
 
-.actions button:not([disabled]) {
-  color: white !important;
-}
+  button:not([disabled]) {
+    color: white !important;
 
-.actions button:not([disabled]) svg {
-  fill: white !important;
+    svg {
+      fill: white !important;
+    }
+  }
 }
 
 .body {
@@ -36,26 +37,26 @@
 .content {
   transform: translate(0px, 0px) !important;
   transition: none !important;
-}
 
-.content>div {
-  background: rgba(0, 0, 0, 0.5) !important;
-  transition: none !important;
+  &>div {
+    background: rgba(0, 0, 0, 0.5) !important;
+    transition: none !important;
+  }
 }
 
 .title {
+  background: rgba(0, 0, 0, 0.25) !important;
   padding: 1em;
   margin-bottom: 0;
-  background: rgba(0, 0, 0, 0.25) !important;
-}
 
-.title h3 {
-  margin: 0;
-  text-transform: uppercase;
-}
+  h3 {
+    margin: 0;
+    text-transform: uppercase;
+  }
 
-.title .steps {
-  margin-bottom: -1em;
+  .steps {
+    margin-bottom: -1em;
+  }
 }
 
 .waiting {