icon changes

core/language/us.json

@@ -1178,7 +1178,8 @@
 		"explanation": "Your transaction is getting confirmed. To track its progress, click on the bell icon.",
 		"status1": "Fully synced",
 		"status2": "Not synced",
-		"notify3": "No notifications"
+		"notify3": "No notifications",
+		"notify4": "Tx notifications"
 	},
 	"friends": {
 		"friend1": "Add name",

core/src/components/friends-view/core-sync-status.js

@@ -58,7 +58,7 @@ stateChanged(state) {
 	render() {
 		return html`
 			<mwc-icon id="icon"  style="color: ${this.nodeStatus.syncPercent === 100 ? 'green': 'red'};user-select:none;margin-right:20px"
-				>wifi</mwc-icon
+				>lightbulb</mwc-icon
 			>
 			<vaadin-tooltip
 			  for="icon"

core/src/components/notification-view/notification-bell-general.js

@@ -111,15 +111,30 @@ class NotificationBellGeneral extends connect(store)(LitElement) {
 				>
 					${hasOngoing
 						? html`
-								<mwc-icon style="color: green;cursor:pointer;user-select:none"
+								<mwc-icon id="notification-general-icon" style="color: green;cursor:pointer;user-select:none"
 									>notifications</mwc-icon
 								>
+								<vaadin-tooltip
+			  for="notification-general-icon"
+			  position="bottom"
+			  hover-delay=${400}
+			  hide-delay=${1}
+			  text=${get('notifications.notify4')}>
+		  </vaadin-tooltip>
 						  `
 						: html`
 								<mwc-icon
+								id="notification-general-icon"
 									style="color: var(--black); cursor:pointer;user-select:none"
 									>notifications</mwc-icon
 								>
+								<vaadin-tooltip
+			  for="notification-general-icon"
+			  position="bottom"
+			  hover-delay=${400}
+			  hide-delay=${1}
+			  text=${get('notifications.notify4')}>
+		  </vaadin-tooltip>
 						  `}
 				</div>
 				${hasOngoing

core/src/components/notification-view/notification-bell.js

@@ -8,6 +8,8 @@ import '@polymer/iron-icons/iron-icons.js'
 import { store } from '../../store.js'
 import { setNewTab } from '../../redux/app/app-actions.js'
 import { routes } from '../../plugins/routes.js'
+import '@material/mwc-icon';
+
 import config from '../../notifications/config.js'
 import '../../../../plugins/plugins/core/components/TimeAgo.js'
 
@@ -138,11 +140,29 @@ class NotificationBell extends connect(store)(LitElement) {
         return html`
             <div class="layout">
                 ${this.notificationCount ? html`
-                    <paper-icon-button style="color: green;" icon="icons:mail" @click=${() => this._toggleNotifications()} title="Q-Mail"></paper-icon-button>
+                <mwc-icon @click=${() => this._toggleNotifications()} id="notification-mail-icon" style="color: green;cursor:pointer;user-select:none"
+									>mail</mwc-icon
+								>
+								<vaadin-tooltip
+			  for="notification-mail-icon"
+			  position="bottom"
+			  hover-delay=${400}
+			  hide-delay=${1}
+			  text="Q-Mail">
+		  </vaadin-tooltip>
+                  
                 ` : html`
-                    <paper-icon-button icon="icons:mail" @click=${() => {
-                       this._openTabQmail()
-                    }} title="Q-Mail"></paper-icon-button>
+                <mwc-icon @click=${() =>  this._openTabQmail()} id="notification-mail-icon" style="color: var(--black); cursor:pointer;user-select:none"
+									>mail</mwc-icon
+								>
+								<vaadin-tooltip
+			  for="notification-mail-icon"
+			  position="bottom"
+			  hover-delay=${400}
+			  hide-delay=${1}
+			  text="Q-Mail">
+		  </vaadin-tooltip>
+                   
                 `}
 
                 ${this.notificationCount ? html`