From 395c008c7d4d3d669cee7bfefa9059176d7bfb92 Mon Sep 17 00:00:00 2001
From: Artur Arseniev <artur.catch@hotmail.it>
Date: Tue, 10 Oct 2017 00:58:02 +0200
Subject: [PATCH] Update Newsletter demo

---
 demo-newsletter-editor.html                | 29 ++++++++++------------
 stylesheets/grapesjs-preset-newsletter.css |  7 ++++--
 2 files changed, 18 insertions(+), 18 deletions(-)

diff --git a/demo-newsletter-editor.html b/demo-newsletter-editor.html
index b6c011b16..129e4603d 100644
--- a/demo-newsletter-editor.html
+++ b/demo-newsletter-editor.html
@@ -3,16 +3,15 @@
   <head>
     <meta charset="utf-8">
     <title>GrapesJS Newsletter Editor</title>
-    <link rel="stylesheet" href="./stylesheets/grapes.min.css?v0.10.6">
+    <link rel="stylesheet" href="./stylesheets/grapes.min.css?v0.12.3">
     <link rel="stylesheet" href="./stylesheets/material.css">
     <link rel="stylesheet" href="./stylesheets/tooltip.css">
     <link rel="stylesheet" href="./stylesheets/toastr.min.css">
     <link rel="stylesheet" href="./stylesheets/grapesjs-preset-newsletter.css?v=0.2.15">
 
     <script src="//feather.aviary.com/imaging/v3/editor.js"></script>
-    <script src="//code.jquery.com/jquery-3.2.1.min.js"></script>
     <script src="./js/ckeditor/ckeditor.js"></script>
-    <script src="js/grapes.min.js?v0.10.6"></script>
+    <script src="js/grapes.min.js?v0.12.3"></script>
     <script src="./js/grapesjs-plugin-ckeditor.min.js"></script>
     <script src="./js/grapesjs-preset-newsletter.min.js?v=0.2.15"></script>
     <script src="./js/grapesjs-aviary.min.js"></script>
@@ -719,19 +718,17 @@
         origWarn(msg);
       };
 
-      $(document).ready(function () {
-
-        // Beautify tooltips
-        $('*[title]').each(function () {
-          var el = $(this);
-          var title = el.attr('title').trim();
-          if(!title)
-            return;
-          el.attr('data-tooltip', el.attr('title'));
-          el.attr('title', '');
-        });
-
-      });
+      // Beautify tooltips
+      var titles = document.querySelectorAll('*[title]');
+      for (var i = 0; i < titles.length; i++) {
+        var el = titles[i];
+        var title = el.getAttribute('title');
+        title = title ? title.trim(): '';
+        if(!title)
+          break;
+        el.setAttribute('data-tooltip', title);
+        el.setAttribute('title', '');
+      }
     </script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
diff --git a/stylesheets/grapesjs-preset-newsletter.css b/stylesheets/grapesjs-preset-newsletter.css
index 9776fcc27..e97dbe511 100644
--- a/stylesheets/grapesjs-preset-newsletter.css
+++ b/stylesheets/grapesjs-preset-newsletter.css
@@ -152,8 +152,11 @@
 .gjs-field-radio {
   width: 100%; }
 
-.gjs-field-radio #gjs-sm-input-holder {
-  display: flex; }
+.gjs-field-radio #gjs-sm-input-holder,
+.gjs-field-radio #gjs-sm-input-holder > div {
+  display: flex;
+  width: 100%;
+}
 
 .gjs-radio-item {
   flex: 1 0 auto;