From 7e187f69bf751cd5352809eb2c2d3deceed84f33 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jan=20Jakes=CC=8C?= <jan@jakes.pro>
Date: Thu, 17 Jan 2019 11:01:11 +0100
Subject: [PATCH] Adjust drag & drop tutorial for new modal design

[MAILPOET-1510]
---
 assets/css/src/in_app_announcements.styl     | 4 ----
 assets/js/src/newsletter_editor/tutorial.jsx | 3 ++-
 2 files changed, 2 insertions(+), 5 deletions(-)

diff --git a/assets/css/src/in_app_announcements.styl b/assets/css/src/in_app_announcements.styl
index e3620fbd36..fa1179a66c 100644
--- a/assets/css/src/in_app_announcements.styl
+++ b/assets/css/src/in_app_announcements.styl
@@ -26,10 +26,6 @@
 
 .mailpoet_drag_and_drop_tutorial
   text-align: center
-  h2
-    font-size: 28px
-  video
-    margin-top: 20px
 
 .new_subscriber_notification_announcement
   h2
diff --git a/assets/js/src/newsletter_editor/tutorial.jsx b/assets/js/src/newsletter_editor/tutorial.jsx
index 9968ac4a69..23af757d42 100644
--- a/assets/js/src/newsletter_editor/tutorial.jsx
+++ b/assets/js/src/newsletter_editor/tutorial.jsx
@@ -10,7 +10,8 @@ const displayTutorial = () => {
     return;
   }
   MailPoet.Modal.popup({
-    template: `<div class="mailpoet_drag_and_drop_tutorial"><h2>${MailPoet.I18n.t('tutorialVideoTitle')}</h2><video style="height:640px;" src="${window.config.dragDemoUrl}" controls autoplay></video></div>`,
+    title: MailPoet.I18n.t('tutorialVideoTitle'),
+    template: `<div class="mailpoet_drag_and_drop_tutorial"><video style="height:640px;" src="${window.config.dragDemoUrl}" controls autoplay></video></div>`,
     onCancel: () => {
       MailPoet.Ajax.post({
         api_version: window.mailpoet_api_version,