added negative margins workaround for tips icon in webmail

Author: williamhakim10

app/templates/report-email.html

@@ -13,8 +13,8 @@
 	<p style="font-family:Montserrat,Verdana,sans-serif;margin-bottom:1.25em;margin-left:auto;margin-right:auto;max-width:1200px;">Chart A compares the total number of current subscribers on your list to the mean number of current subscribers across all lists we're tracking in our database. (This number does not include  "Pending" email addresses.)<p>
 	<table style="font-family:Montserrat,Verdana,sans-serif;margin-bottom:2.5em;margin-left:auto;margin-right:auto;max-width:1200px;padding:7.5px 15px 14px 15px;border:1px solid #ddd;border-radius:2px;background-color:#eee">
 		<tr>
-			<td><img alt="Tips Icon" style="max-height:30px;margin-bottom:-5px;" src="{{ url_for('static', filename='img/light-bulb.png', _external=True) }}">
-			<span style="color:#a71930;font-size:22px;display:inline-block;padding-left:5px;margin-bottom:10px;">Our Tips</span></td>
+			<td><img alt="Tips Icon" style="max-height:25px;" src="{{ url_for('static', filename='img/light-bulb.png', _external=True) }}">
+			<span style="color:#a71930;font-size:22px;line-height:22px;display:inline-block;padding-left:5px;padding-bottom:10px;">Our Tips</span></td>
 		</tr>
 		<tr>
 			<td>The Shorenstein Center’s <a target="_blank" rel="noopener" href="https://newsletterguide.org/?utm_source=email-benchmarking-tool&utm_medium=email" style="text-decoration:underline;color:#a71930;">Email Newsletter Playbook</a> contains a section on <a target="_blank" rel="noopener" href="https://newsletterguide.org/#section-5-email-monetization-conversion/?utm_source=email-benchmarking-tool&utm_medium=email" style="text-decoration:underline;color:#a71930;">email acquisition tactics</a>, such as signup field/signup lightbox placement and off-platform acquisition strategies. That being said, all subscribers are not created equal. We encourage you to challenge your team to  think about your list in terms of the current status of every email address you’ve ever acquired (see Chart B, below).</td>
@@ -28,8 +28,8 @@
 	<p style="font-family:Montserrat,Verdana,sans-serif;margin-bottom:1.25em;margin-left:auto;margin-right:auto;max-width:1200px;">For more information about how MailChimp breaks down your list, refer to the following support material: <a target="_blank" rel="noopener" href="https://mailchimp.com/help/about-your-contacts/" style="text-decoration:underline;color:#a71930;">MailChimp: About Your Contacts</a> and <a target="_blank" rel="noopener" href="https://mailchimp.com/help/about-cleaned-contacts/" style="text-decoration:underline;color:#a71930;">MailChimp: About Cleaned Contacts</a>.</p>
 	<table style="font-family:Montserrat,Verdana,sans-serif;margin-bottom:2.5em;margin-left:auto;margin-right:auto;max-width:1200px;padding:7.5px 15px 14px 15px;border:1px solid #ddd;border-radius:2px;background-color:#eee">
 		<tr>
-			<td><img alt="Tips Icon" style="max-height:30px;margin-bottom:-5px;" src="{{ url_for('static', filename='img/light-bulb.png', _external=True) }}">
-			<span style="color:#a71930;font-size:22px;display:inline-block;padding-left:5px;margin-bottom:10px;">Our Tips</span></td>
+			<td><img alt="Tips Icon" style="max-height:25px;" src="{{ url_for('static', filename='img/light-bulb.png', _external=True) }}">
+			<span style="color:#a71930;font-size:22px;line-height:22px;display:inline-block;padding-left:5px;padding-bottom:10px;">Our Tips</span></td>
 		</tr>
 		<tr>
 			<td>You should pay particular attention this chart if you see large percentages of "pending" or "unsubscribed" email addresses. Pendings can be caused by a number of factors, including confusing language around confirmation for double opt-in, bot traffic, or deliverability. Consider using a service like <a target="_blank" rel="noopener" href="https://neverbounce.com/" style="text-decoration:underline;color:#a71930;">NeverBounce</a> to test which of your pending users are valid and active email addresses, and consider reaching out to your unsubscribers with a survey request to learn more about why they didn’t love your email product.</td>
@@ -50,8 +50,8 @@
 	<p style="font-family:Montserrat,Verdana,sans-serif;margin-bottom:1.25em;margin-left:auto;margin-right:auto;max-width:1200px;">Chart E shows your most engaged subscribers: those who open between 80% and 100% of your emails.</p>
 	<table style="font-family:Montserrat,Verdana,sans-serif;margin-bottom:2.5em;margin-left:auto;margin-right:auto;max-width:1200px;padding:7.5px 15px 14px 15px;border:1px solid #ddd;border-radius:2px;background-color:#eee">
 		<tr>
-			<td><img alt="Tips Icon" style="max-height:30px;margin-bottom:-5px;" src="{{ url_for('static', filename='img/light-bulb.png', _external=True) }}">
-			<span style="color:#a71930;font-size:22px;display:inline-block;padding-left:5px;margin-bottom:10px;">Our Tips</span></td>
+			<td><img alt="Tips Icon" style="max-height:25px;" src="{{ url_for('static', filename='img/light-bulb.png', _external=True) }}">
+			<span style="color:#a71930;font-size:22px;line-height:22px;display:inline-block;padding-left:5px;padding-bottom:10px;">Our Tips</span></td>
 		</tr>
 		<tr>
 			<td>We recommend surveying these users. Who are they? What are their habits? What else do they like to read? What do they want out of an email product? What might compel them to support or contribute to your work? Then, develop a few user personas. You should use this data to target your acquisition efforts towards subscribers who are likely to be be highly engaged. Alternatively, try to figure out what separates users in this category from  semi-engaged subscribers (those who open ~30-80% of your emails). Might they be better served with a different newsletter or product from your newsroom?</td>
@@ -63,8 +63,8 @@
 	<p style="font-family:Montserrat,Verdana,sans-serif;margin-bottom:1.25em;margin-left:auto;margin-right:auto;max-width:1200px;">Chart F shows your current subscribers who haven't opened one of your emails within the past 365 days. Inactive subscribers can make it harder to understand your list dynamics as well as affect your email deliverability (i.e. increase the probability that your emails are relegated to spam).</p>
 	<table style="font-family:Montserrat,Verdana,sans-serif;margin-bottom:2.5em;margin-left:auto;margin-right:auto;max-width:1200px;padding:7.5px 15px 14px 15px;border:1px solid #ddd;border-radius:2px;background-color:#eee">
 		<tr>
-			<td><img alt="Tips Icon" style="max-height:30px;margin-bottom:-5px;" src="{{ url_for('static', filename='img/light-bulb.png', _external=True) }}">
-			<span style="color:#a71930;font-size:22px;display:inline-block;padding-left:5px;margin-bottom:10px;">Our Tips</span></td>
+			<td><img alt="Tips Icon" style="max-height:25px;" src="{{ url_for('static', filename='img/light-bulb.png', _external=True) }}">
+			<span style="color:#a71930;font-size:22px;line-height:22px;display:inline-block;padding-left:5px;padding-bottom:10px;">Our Tips</span></td>
 		</tr>
 		<tr>
 			<td>We recommend that newsrooms routinely and manually remove inactive users from their list after sending them a re-engagement campaign. This is also called "cleaning" your list. If you have never cleaned your list, we strongly recommend that you set aside some time to do so. Then, monitor to see if and when the inactive or pending segment grows. We generally recommend a list clean twice a year (around every six months).</td>