Duplicate save buttons on the top

[MAILPOET-1448]

assets/css/src/newsletter_editor/components/heading.styl

@@ -12,8 +12,11 @@
   font-size: 23px
 
 .mailpoet_breadcrumbs
-  clear: both
+  float: left
   margin-bottom: 13px
   margin-left: 17px
   font-size: 0.9em
   text-transform: uppercase
+
+  p
+    margin: 0

assets/css/src/newsletter_editor/layout.styl

@@ -9,6 +9,7 @@ $content-border-color = $structure-border-color
   padding-left: 15px
   margin-left: 2px
   margin-bottom: 13px
+  clear: both
 
 #mailpoet_editor_main_wrapper
   border: 1px solid $content-border-color

assets/js/src/newsletter_editor/App.js

@@ -12,7 +12,8 @@ define([
       contentRegion: '#mailpoet_editor_content',
       sidebarRegion: '#mailpoet_editor_sidebar',
       bottomRegion: '#mailpoet_editor_bottom',
-      headingRegion: '#mailpoet_editor_heading'
+      headingRegion: '#mailpoet_editor_heading',
+      topRegion: '#mailpoet_editor_top'
     }
   });
 

assets/js/src/newsletter_editor/components/save.js

@@ -324,8 +324,11 @@ define([
   });
 
   App.on('start', function (BeforeStartApp) {
-    var saveView = new Module.SaveView();
-    BeforeStartApp._appView.showChildView('bottomRegion', saveView);
+    var topSaveView = new Module.SaveView();
+    BeforeStartApp._appView.showChildView('topRegion', topSaveView);
+
+    var bottomSaveView = new Module.SaveView();
+    BeforeStartApp._appView.showChildView('bottomRegion', bottomSaveView);
   });
 
   return Module;

views/newsletter/editor.html

@@ -240,6 +240,7 @@
 <h1 style="display:none"><%= __('Newsletter Editor') %></h1>
 <div id="mailpoet_editor">
   <div id="mailpoet_editor_breadcrumb" class="mailpoet_breadcrumbs"></div>
+  <div id="mailpoet_editor_top"></div>
   <div id="mailpoet_editor_heading"></div>
   <div class="clearfix"></div>
   <div id="mailpoet_editor_main_wrapper">