Add button to retry transaction

ui/app/components/transaction-list-item.js

@@ -46,7 +46,7 @@ TransactionListItem.prototype.render = function () {
 
   const isClickable = ('hash' in transaction && isLinkable) || isPending
   return (
-    h(`.transaction-list-item.flex-row.flex-space-between${isClickable ? '.pointer' : ''}`, {
+    h('.transaction-list-item.flex-column', {
       onClick: (event) => {
         if (isPending) {
           this.props.showTx(transaction.id)
@@ -58,9 +58,14 @@ TransactionListItem.prototype.render = function () {
       },
       style: {
         padding: '20px 0',
+        alignItems: 'center',
+      },
+    }, [
+      h(`.flex-row.flex-space-between${isClickable ? '.pointer' : ''}`, {
+        style: {
+          width: '100%',
         },
       }, [
-
         h('.identicon-wrapper.flex-column.flex-center.select-none', [
           h(TransactionIcon, { txParams, transaction, isTx, isMsg }),
         ]),
@@ -99,7 +104,37 @@ TransactionListItem.prototype.render = function () {
           showFiat: false,
           style: {fontSize: '15px'},
         }) : h('.flex-column'),
+      ]),
 
+      transaction.status === 'submitted' && h('.transition-list-item__retry', {
+        onClick: event => {
+          event.stopPropagation()
+          this.resubmit()
+        },
+        style: {
+          height: '30px',
+          borderRadius: '30px',
+          color: '#F9881B',
+          padding: '0 25px',
+          backgroundColor: '#FFE3C9',
+          display: 'flex',
+          justifyContent: 'center',
+          alignItems: 'center',
+          fontSize: '9px',
+          cursor: 'pointer',
+        },
+      }, [
+        h('div', {
+          style: {
+            paddingRight: '2px',
+          },
+        }, 'Taking too long?'),
+        h('div', {
+          style: {
+            textDecoration: 'underline',
+          },
+        }, 'Retry with a higher gas price here'),
+      ]),
     ])
   )
 }