Don't display unneeded notifications (#7237)

* Cleanup overlay transparency

* Don't display "waiting in signer" messages

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);

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 }
       >
         <div className={ statusClasses.join(' ') }>
-          { this.renderStatus(request) }
+          { status }
         </div>
         {
           state.type === ERROR_STATE
@@ -193,12 +199,7 @@ class Requests extends Component {
       );
     }
 
-    return (
-      <FormattedMessage
-        id='requests.status.waitingForSigner'
-        defaultMessage='Waiting for authorization in the Parity Signer'
-      />
-    );
+    return null;
   }
 
   getTransactionState (request) {

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;
   }
 }