From 3aea531b61884475a9cb55c30b552a8580b89986 Mon Sep 17 00:00:00 2001
From: Mikhail Mikheev <mdoublemmm@gmail.com>
Date: Tue, 2 Jul 2019 17:20:38 +0400
Subject: [PATCH] add icons to buttonrow in expanded tx view

---
 src/components/Header/component/CircleDot.jsx       |  2 +-
 .../TxsTable/ExpandedTx/ButtonRow/index.jsx         | 13 ++++++++++++-
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/components/Header/component/CircleDot.jsx b/src/components/Header/component/CircleDot.jsx
index 57e710eb..32ff7f54 100644
--- a/src/components/Header/component/CircleDot.jsx
+++ b/src/components/Header/component/CircleDot.jsx
@@ -1,8 +1,8 @@
 // @flow
 import * as React from 'react'
 import { withStyles } from '@material-ui/core/styles'
-import Block from '~/components/layout/Block'
 import Dot from '@material-ui/icons/FiberManualRecord'
+import Block from '~/components/layout/Block'
 import Img from '~/components/layout/Img'
 import { fancy, border, warning } from '~/theme/variables'
 
diff --git a/src/routes/safe/components/TransactionsNew/TxsTable/ExpandedTx/ButtonRow/index.jsx b/src/routes/safe/components/TransactionsNew/TxsTable/ExpandedTx/ButtonRow/index.jsx
index 051af519..ccc4754e 100644
--- a/src/routes/safe/components/TransactionsNew/TxsTable/ExpandedTx/ButtonRow/index.jsx
+++ b/src/routes/safe/components/TransactionsNew/TxsTable/ExpandedTx/ButtonRow/index.jsx
@@ -1,9 +1,11 @@
 // @flow
 import React from 'react'
 import { withStyles } from '@material-ui/core/styles'
+import EditIcon from '@material-ui/icons/Edit'
+import BlockIcon from '@material-ui/icons/Block'
 import Row from '~/components/layout/Row'
 import Button from '~/components/layout/Button'
-import { lg } from '~/theme/variables'
+import { sm, lg } from '~/theme/variables'
 
 type Props = {
   onTxConfirm: Function,
@@ -23,14 +25,23 @@ const styles = () => ({
       marginLeft: lg,
     },
   },
+  icon: {
+    width: '14px',
+    height: '14px',
+    marginRight: sm,
+  },
 })
 
 const ButtonRow = ({ classes, onTxCancel, onTxConfirm }: Props) => (
   <Row align="center" className={classes.buttonRow}>
     <Button className={classes.button} variant="contained" minWidth={140} color="secondary" onClick={onTxCancel}>
+      <BlockIcon className={classes.icon} />
+      {' '}
       Cancel TX
     </Button>
     <Button className={classes.button} variant="contained" minWidth={140} color="primary" onClick={onTxConfirm}>
+      <EditIcon className={classes.icon} />
+      {' '}
       Confirm TX
     </Button>
   </Row>