From a3da70ab011d883c539d556ed0cb6b59201af33a Mon Sep 17 00:00:00 2001
From: k88hudson <k88hudson@gmail.com>
Date: Fri, 8 Mar 2019 21:29:55 +0000
Subject: [PATCH] Bug 1501815 - UI adjustments for CFR r=Mardak

Differential Revision: https://phabricator.services.mozilla.com/D22761

--HG--
extra : moz-landing-system : lando
---
 browser/themes/shared/browser.inc.css | 29 +++++++++++++++++++++++----
 1 file changed, 25 insertions(+), 4 deletions(-)

diff --git a/browser/themes/shared/browser.inc.css b/browser/themes/shared/browser.inc.css
index 3555d393f532..7bccb4d666d1 100644
--- a/browser/themes/shared/browser.inc.css
+++ b/browser/themes/shared/browser.inc.css
@@ -191,7 +191,7 @@
 
 #cfr-notification-header-label {
   margin: 9px;
-  font-size: 12px;
+  font-size: 13px;
   font-weight: 600;
 }
 
@@ -230,11 +230,13 @@
 
 #contextual-feature-recommendation-notification description {
   margin-bottom: 0;
+  font-size: 13px;
 }
 
 #cfr-notification-footer-text-and-addon-info {
   display: block;
   padding: 10px var(--arrowpanel-padding);
+  font-size: 13px;
 }
 
 #contextual-feature-recommendation-notification[data-notification-category="cfrFeatures"] .popup-notification-body-container,
@@ -250,22 +252,36 @@
 }
 
 #cfr-notification-feature-steps li {
-  padding-inline-start: 8px;
+  padding-inline-start: 9px;
   position: relative;
 }
 
+#cfr-notification-feature-steps li:not(:last-child) {
+  margin-bottom: 5px;
+}
+
 #cfr-notification-feature-steps li:before {
   content: "\2022";
   position: absolute;
   inset-inline-start: 0;
 }
 
+#contextual-feature-recommendation-notification[data-notification-category="cfrFeatures"] #cfr-notification-footer-text {
+  font-size: 14px;
+  font-weight: 600;
+}
+
 #cfr-notification-footer-text,
 #cfr-notification-footer-users,
 #cfr-notification-footer-learn-more-link {
   margin: 0;
 }
 
+#cfr-notification-footer-users,
+#cfr-notification-footer-learn-more-link {
+  font-size: 12px;
+}
+
 #cfr-notification-footer-addon-info {
   align-items: center;
   display: flex;
@@ -343,6 +359,11 @@
   visibility: hidden;
 }
 
+#cfr-notification-footer-pause-label {
+  font-weight: 600;
+  line-height: 11px;
+}
+
 #cfr-notification-footer-pause-button,
 #cfr-notification-footer-pause-label {
   color: rgba(12, 12, 13, 0.8);
@@ -353,11 +374,11 @@
   background-image: url("resource://activity-stream/data/content/assets/glyph-pause-12.svg");
   background-position: center center;
   background-repeat: no-repeat;
-  background-size: 12px;
+  background-size: 12px 10px;
   -moz-context-properties: fill;
   fill: rgba(12, 12, 13, 0.8);
   height: 12px;
-  width: 12px;
+  width: 10px;
 }
 
 #content-mask {