From 9b6d1c7a36031253935c3d23e6a1ff74167ff92e Mon Sep 17 00:00:00 2001
From: AileenCGN <AileenCGN@gmail.com>
Date: Mon, 11 Jan 2016 20:09:14 +0200
Subject: [PATCH] Minor usability improvements for editor screen

closes #6318
---
 ghost/admin/app/styles/layouts/editor.css | 5 +++--
 ghost/admin/app/templates/editor/edit.hbs | 7 ++++---
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/ghost/admin/app/styles/layouts/editor.css b/ghost/admin/app/styles/layouts/editor.css
index 3ee3ba6064..8c2e74bbb3 100644
--- a/ghost/admin/app/styles/layouts/editor.css
+++ b/ghost/admin/app/styles/layouts/editor.css
@@ -378,11 +378,12 @@
 /* Markdown Help Icon + Modal
 /* ---------------------------------------------------------- */
 
-.markdown-help {
+.markdown-help-icon {
     font-size: 16px;
 }
 
-.markdown-help:hover {
+.markdown-help-icon:hover,
+.markdown-help-label:hover {
     cursor: help;
 }
 
diff --git a/ghost/admin/app/templates/editor/edit.hbs b/ghost/admin/app/templates/editor/edit.hbs
index db5aa1a795..197569c54c 100644
--- a/ghost/admin/app/templates/editor/edit.hbs
+++ b/ghost/admin/app/templates/editor/edit.hbs
@@ -23,12 +23,12 @@
     <section class="view-container view-editor">
         <section class="entry-markdown js-entry-markdown {{if ghEditor.markdownActive 'active'}}">
             <header class="floatingheader">
-                <span class="desktop-tabs">Markdown</span>
+                <span class="desktop-tabs"><a class="markdown-help-label" href="" title="Markdown Help" {{action "openModal" "markdown"}}>Markdown</a></span>
                 <span class="mobile-tabs">
                     <a href="#" {{action 'selectTab' 'markdown' target=ghEditor}} class="{{if ghEditor.markdownActive 'active'}}">Markdown</a>
                     <a href="#" {{action 'selectTab' 'preview' target=ghEditor}} class="{{if ghEditor.previewActive 'active'}}">Preview</a>
                 </span>
-                <a class="markdown-help" href="" title="Markdown Help" {{action "openModal" "markdown"}}><i class="icon-markdown"></i></a>
+                <a class="markdown-help-icon" href="" title="Markdown Help" {{action "openModal" "markdown"}}><i class="icon-markdown"></i></a>
             </header>
             <section id="entry-markdown-content" class="entry-markdown-content">
                 {{gh-ed-editor classNames="markdown-editor js-markdown-editor" tabindex="1" spellcheck="true" value=model.scratch setEditor="setEditor" updateScrollInfo="updateEditorScrollInfo" openModal="openModal" onFocusIn="autoSaveNew" height=height focus=shouldFocusEditor}}
@@ -37,7 +37,8 @@
 
         <section class="entry-preview js-entry-preview {{if ghEditor.previewActive 'active'}}">
             <header class="floatingheader">
-                <span class="desktop-tabs">Preview</span>
+                <span class="desktop-tabs"><a target="_blank" href="{{model.previewUrl}}">
+                    Preview</a></span>
                 <span class="mobile-tabs">
                     <a href="#" {{action 'selectTab' 'markdown' target=ghEditor}} class="{{if ghEditor.markdownActive 'active'}}">Markdown</a>
                     <a href="#" {{action 'selectTab' 'preview' target=ghEditor}} class="{{if ghEditor.previewActive 'active'}}">Preview</a>