Various unlock / send style fixes (#331)

* Fix table spacing.

* Fix modal button wrapping

* Fix hanging send transaction button.

* Space

common/components/WalletDecrypt/DeterministicWalletsModal.scss

@@ -23,6 +23,7 @@
     &-table {
       width: 100%;
       text-align: center;
+      margin-bottom: 10px;
 
       &-token {
         width: 82px;
@@ -32,6 +33,10 @@
         font-size: 13px;
         text-align: left;
         font-family: $font-family-monospace;
+
+        input {
+          margin-right: 6px;
+        }
       }
 
       &-more {

common/containers/Tabs/SendTransaction/components/ConfirmationModal.scss

@@ -1,8 +1,15 @@
 @import "common/sass/variables";
 
 $summary-height: 54px;
+$button-break: 'max-width: 620px';
 
 .ConfModal {
+  min-width: 580px;
+
+  @media (#{$button-break}) {
+    min-width: 0;
+  }
+
   &-summary {
     display: flex;
     margin-bottom: 30px;
@@ -51,3 +58,19 @@ $summary-height: 54px;
   }
 
 }
+
+// Modal overrides for extra long buttons
+@media (#{$button-break}) {
+  .ConfModalWrap {
+    .Modal-footer-btn {
+      display: block;
+      float: none;
+      width: 100%;
+      margin: 0 0 5px;
+
+      &:last-child {
+        margin: 0;
+      }
+    }
+  }
+}

common/containers/Tabs/SendTransaction/components/ConfirmationModal.tsx

@@ -101,6 +101,7 @@ class ConfirmationModal extends React.Component<Props, State> {
       broadCastTxStatus && broadCastTxStatus.isBroadcasting;
 
     return (
+      <div className="ConfModalWrap">
         <Modal
           title="Confirm Your Transaction"
           buttons={buttons}
@@ -149,7 +150,8 @@ class ConfirmationModal extends React.Component<Props, State> {
                       with a gas price of <strong>{gasPrice} gwei</strong>
                     </li>
                     <li className="ConfModal-details-detail">
-                    You are interacting with the <strong>{node.network}</strong>{' '}
+                      You are interacting with the{' '}
+                      <strong>{node.network}</strong>{' '}
                       network provided by <strong>{node.service}</strong>
                     </li>
                     {!token && (
@@ -179,6 +181,7 @@ class ConfirmationModal extends React.Component<Props, State> {
             </div>
           }
         </Modal>
+      </div>
     );
   }
 

common/containers/Tabs/SendTransaction/index.tsx

@@ -382,15 +382,17 @@ export class SendTransaction extends React.Component<Props, State> {
                       </div>
 
                       {!offline && (
-                        <div className="form-group">
+                        <div className="row form-group">
+                          <div className="col-xs-12">
                             <button
-                            className="btn btn-primary btn-block col-sm-11"
+                              className="btn btn-primary btn-block"
                               disabled={!this.state.transaction}
                               onClick={this.openTxModal}
                             >
                               {translate('SEND_trans')}
                             </button>
                           </div>
+                        </div>
                       )}
                     </div>
                   )}