From b88d7fbe0f43fbb2924abcf1b97f1b6620060c86 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ja=CC=81n=20Mikla=CC=81s=CC=8C?= <neosinner@gmail.com>
Date: Tue, 17 Nov 2020 13:34:28 +0100
Subject: [PATCH] Render email title in stats through two columns

[PREMIUM-146]
---
 assets/css/src/generic/_grid.scss                             | 4 ++++
 .../src/newsletters/campaign_stats/newsletter_stats_info.tsx  | 3 +--
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/assets/css/src/generic/_grid.scss b/assets/css/src/generic/_grid.scss
index 09817e334e..3bf1f8c642 100644
--- a/assets/css/src/generic/_grid.scss
+++ b/assets/css/src/generic/_grid.scss
@@ -54,3 +54,7 @@
   column-gap: $grid-gap;
   columns: 2 auto;
 }
+
+.mailpoet-grid-span-two-columns {
+  grid-column: span 2;
+}
diff --git a/assets/js/src/newsletters/campaign_stats/newsletter_stats_info.tsx b/assets/js/src/newsletters/campaign_stats/newsletter_stats_info.tsx
index 4989238dea..9e05bc1feb 100644
--- a/assets/js/src/newsletters/campaign_stats/newsletter_stats_info.tsx
+++ b/assets/js/src/newsletters/campaign_stats/newsletter_stats_info.tsx
@@ -16,7 +16,7 @@ export const NewsletterStatsInfo = ({
   const newsletterDate = newsletter.queue.scheduled_at || newsletter.queue.created_at;
   return (
     <Grid.ThreeColumns className="mailpoet-stats-info">
-      <div>
+      <div className="mailpoet-grid-span-two-columns">
         <Heading level={1}>{newsletter.subject}</Heading>
         <div>
           <b>
@@ -33,7 +33,6 @@ export const NewsletterStatsInfo = ({
           </div>
         )}
       </div>
-      <div />
       <div className="mailpoet-stats-info-sender-preview">
         <div>
           {newsletter.sender_address && (