From daf61ad76933484a9b6777d9f6ee54c6b8b10ba6 Mon Sep 17 00:00:00 2001
From: Pavel Dohnal <pavel@mailpoet.com>
Date: Thu, 15 Oct 2020 10:06:35 +0200
Subject: [PATCH] Style read more link

[MAILPOET-2791]
---
 assets/css/src/components-plugin/_stats.scss              | 8 ++++++++
 .../campaign_stats/newsletter_general_stats.tsx           | 3 ++-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/assets/css/src/components-plugin/_stats.scss b/assets/css/src/components-plugin/_stats.scss
index 471705135e..3e7ef70d40 100644
--- a/assets/css/src/components-plugin/_stats.scss
+++ b/assets/css/src/components-plugin/_stats.scss
@@ -48,6 +48,14 @@
   }
 }
 
+.mailpoet-stats-general-read-more {
+  .mailpoet-stats-general-read-more-link {
+    color: $color-text-light;
+  }
+  margin-bottom: 0;
+  text-align: right;
+}
+
 .mailpoet_stat_triple-spaced {
   margin-bottom: 3rem;
 }
diff --git a/assets/js/src/newsletters/campaign_stats/newsletter_general_stats.tsx b/assets/js/src/newsletters/campaign_stats/newsletter_general_stats.tsx
index 1916c36b26..dfc2a5d482 100644
--- a/assets/js/src/newsletters/campaign_stats/newsletter_general_stats.tsx
+++ b/assets/js/src/newsletters/campaign_stats/newsletter_general_stats.tsx
@@ -94,12 +94,13 @@ export const NewsletterGeneralStats = ({
           {Hooks.applyFilters('mailpoet_newsletters_revenues_stats', null, newsletter.statistics.revenue)}
         </div>
       </Grid.ThreeColumns>
-      <p>
+      <p className="mailpoet-stats-general-read-more">
         <a
           href="https://kb.mailpoet.com/article/190-whats-a-good-email-open-rate"
           target="_blank"
           rel="noopener noreferrer"
           data-beacon-article="58f671152c7d3a057f8858e8"
+          className="mailpoet-stats-general-read-more-link"
         >
           {MailPoet.I18n.t('readMoreOnStats')}
         </a>