From 2df435c1fbe89a42fa97660334cf82c84e5e3334 Mon Sep 17 00:00:00 2001
From: Moriel Schottlender <moriel@gmail.com>
Date: Thu, 24 Mar 2016 15:08:26 -0700
Subject: [PATCH] Styling changes to the footer message

Change-Id: Ie57c0f981671392b751a9774de7be6bb187de3b8
---
 i18n/en.json                                          |  2 +-
 modules/ooui/mw.echo.ui.FooterNoticeWidget.js         |  2 +-
 .../ooui/styles/mw.echo.ui.FooterNoticeWidget.less    | 11 +++++++++++
 3 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/i18n/en.json b/i18n/en.json
index 577cd8fe1..258e31e63 100644
--- a/i18n/en.json
+++ b/i18n/en.json
@@ -85,7 +85,7 @@
 	"echo-none": "You have no notifications.",
 	"echo-more-info": "More info",
 	"echo-feedback": "Feedback",
-	"echo-popup-footer-feedback": "Provide feedback. [$2 $1]",
+	"echo-popup-footer-feedback": "<strong>Provide feedback</strong>. [$2 $1]",
 	"echo-popup-footer-feedback-survey": "Take this quick survey about notifications.",
 	"echo-popup-footer-feedback-info": "This feedback link is designed to help the developers learn more about how people use Notifications so we continue to improve the tool. Clicking the survey link will send you to a third-party website.",
 	"echo-quotation-marks": "\"$1\"",
diff --git a/modules/ooui/mw.echo.ui.FooterNoticeWidget.js b/modules/ooui/mw.echo.ui.FooterNoticeWidget.js
index 2df05fb20..dbffd5c41 100644
--- a/modules/ooui/mw.echo.ui.FooterNoticeWidget.js
+++ b/modules/ooui/mw.echo.ui.FooterNoticeWidget.js
@@ -47,7 +47,7 @@
 		} );
 
 		infoIcon = new OO.ui.ButtonWidget( {
-			icon: 'info',
+			icon: 'help',
 			framed: false,
 			title: mw.msg( 'echo-popup-footer-feedback-info' ),
 			classes: [ 'mw-echo-ui-footerNoticeWidget-info' ]
diff --git a/modules/ooui/styles/mw.echo.ui.FooterNoticeWidget.less b/modules/ooui/styles/mw.echo.ui.FooterNoticeWidget.less
index 913426c10..4ce0fec54 100644
--- a/modules/ooui/styles/mw.echo.ui.FooterNoticeWidget.less
+++ b/modules/ooui/styles/mw.echo.ui.FooterNoticeWidget.less
@@ -1,4 +1,5 @@
 @import '../../echo.variables';
+@import '../../echo.mixins';
 
 .mw-echo-ui-footerNoticeWidget {
 	padding: 0.5em;
@@ -21,4 +22,14 @@
 	&-icon {
 		padding-right: 0.5em;
 	}
+
+	&-dismiss,
+	&-info {
+		.mw-echo-ui-mixin-hover-opacity();
+
+		.oo-ui-iconElement-icon {
+			width: 1.3em !important;
+			height: 1.3em !important;
+		}
+	}
 }