diff --git a/js/src/ParityBar/parityBar.css b/js/src/ParityBar/parityBar.css index c1ec5c08e..6cad5c3e0 100644 --- a/js/src/ParityBar/parityBar.css +++ b/js/src/ParityBar/parityBar.css @@ -110,7 +110,7 @@ $modalZ: 10001; width: 960px; .content { - background: rgba(255, 255, 255, 0.95); + background: #f2f2f2; display: flex; flex: 1; max-width: calc(100vw - 2em); diff --git a/js/src/Requests/requests.js b/js/src/Requests/requests.js index 3405c1f77..a05d7e83a 100644 --- a/js/src/Requests/requests.js +++ b/js/src/Requests/requests.js @@ -66,6 +66,12 @@ class Requests extends Component { return null; } + const status = this.renderStatus(request); + + if (!status) { + return null; + } + const state = this.getTransactionState(request); const displayedTransaction = { ...transaction }; @@ -103,7 +109,7 @@ class Requests extends Component { style={ requestStyle } >
- { this.renderStatus(request) } + { status }
{ state.type === ERROR_STATE @@ -193,12 +199,7 @@ class Requests extends Component { ); } - return ( - - ); + return null; } getTransactionState (request) { diff --git a/js/src/Signer/PendingItem/pendingItem.css b/js/src/Signer/PendingItem/pendingItem.css index 367d01f4f..9c2eab085 100644 --- a/js/src/Signer/PendingItem/pendingItem.css +++ b/js/src/Signer/PendingItem/pendingItem.css @@ -16,7 +16,10 @@ */ .request { + margin-left: -1.5em; + padding-left: 1.5em; + &:nth-child(even) { - background: rgba(0, 0, 0, 0.04); + background: #eee; } }