Minor editor style updates

Refs https://github.com/TryGhost/Ghost/issues/8021

ghost/admin/app/app.js

@@ -1,4 +1,4 @@
-//noinspection JSAnnotator
+// noinspection JSAnnotator
 import Ember from 'ember';
 import Application from 'ember-application';
 import Resolver from './resolver';

ghost/admin/app/styles/addons/ghost-editor/ghost-editor.css

@@ -13,10 +13,13 @@
 .__mobiledoc-editor {
     width: 100%;
     min-height: 100%;
+    padding-bottom: 10vw;
     outline: none;
     font-family: var(--font-family);
     font-size: 1.7rem;
     resize: none;
+    font-weight: 200;
+    letter-spacing: 0.1px;
 }
 
 .dropper-bottom {
@@ -36,12 +39,7 @@
 }
 
 .__mobiledoc-card {
-    border: 1px solid #5ba4e5;
-    min-height: 100px;
-    display: inline-block;
-    width:calc(100% - 4px);
-    margin:2px;
-    padding:0;
+    display: block;
 }
 .__mobiledoc-card .ghost-card {
     position: relative;

ghost/admin/app/styles/app.css

@@ -49,6 +49,7 @@
 @import "layouts/packages.css";
 @import "layouts/subscribers.css";
 
+
 /* Addons: Ghost-Editor
 /* ---------------------------------------------------------- */
 @import "addons/ghost-editor/ghost-editor.css";

ghost/admin/app/styles/components/dropdowns.css

@@ -18,11 +18,10 @@
     margin: 2px 0 0;
     padding: 10px;
     min-width: 200px;
-    border: #dfe1e3 1px solid;
     background-color: #fff;
     background-clip: padding-box;
     border-radius: 4px;
-    box-shadow: rgba(0, 0, 0, 0.10) 0 2px 6px;
+    box-shadow: 0 0 0 1px rgba(99,114,130,0.16), 0 8px 16px rgba(27,39,51,0.08);
     list-style: none;
     text-align: left;
     text-transform: none;

ghost/admin/app/styles/layouts/editor.css

@@ -179,8 +179,11 @@
     display: flex;
     justify-content: space-between;
     align-items: center;
-    padding: 0 20px;
-    height: 65px;
+    padding: 0 30px;
+    height: 80px;
+}
+@media (max-width: 750px) {
+    .gh-editor-header { padding: 0 4vw; }
 }
 
 .gh-editor-status {
@@ -198,6 +201,6 @@
 
 .gh-editor-inner {
     margin: 0 auto;
-    max-width: 700px;
+    max-width: 740px;
     height: 100%;
 }

ghost/admin/app/styles/patterns/global.css

@@ -112,7 +112,7 @@ body {
     width: 100%;
     /* Prevent elastic scrolling on the whole page */
     height: 100%;
-    color: color(var(--darkgrey) lightness(+10%));
+    color: var(--darkgrey);
     font-size: 1.4rem;
 }
 
@@ -182,7 +182,6 @@ ul,
 ol,
 dl {
     margin: 0 0 1.7em 0;
-    font-size: 1.6rem;
 }
 
 ol,

ghost/admin/app/templates/editor/edit.hbs

@@ -12,9 +12,6 @@
 
         </div>
         <section class="view-actions">
-            <button type="button" class="post-settings" title="Post Settings" {{action "openSettingsMenu"}}>
-                <i class="icon-settings"></i>
-            </button>
             {{gh-editor-save-button
                 isPublished=model.isPublished
                 isScheduled=model.isScheduled
@@ -30,6 +27,9 @@
                 delete="toggleDeletePostModal"
                 submitting=submitting
             }}
+            <button type="button" class="post-settings" title="Settings" {{action "openSettingsMenu"}}>
+                <i class="icon-settings"></i>
+            </button>
         </section>
     </header>
     <div class="gh-editor-container">