Editor style updates

ghost/admin/app/styles/addons/gh-koenig/gh-koenig.css

@@ -25,14 +25,13 @@
 
 .kg-card {
     position: relative;
-    display: block; 
-    padding: 10px;
+    display: block;
     outline:none;
 }
 
-.kg-card:hover, .kg-card.selected {
+.kg-card:hover,
+.kg-card.selected {
     box-shadow: var(--blue) 0 0 0 1px;
-    border-radius:10px;
 }
 .kg-card.selected-hard {
     box-shadow: var(--blue) 0 0 0 3px;
@@ -55,7 +54,7 @@
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
     border-radius:5px;
-    
+
     height:46px;
     display:flex;
     box-shadow: 0 0 0 1px color(var(--darkgrey) l(-10%)), 0 8px 16px rgba(26,39,49,0.16), rgba(255,255,255,0.09) 0 1px 0 0 inset;
@@ -78,7 +77,7 @@
     bottom:-9px;
     left: 50%;
     margin-left: -10px;
-    
+
     width: 0;
     height: 0;
     border-left: transparent 10px solid;

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

@@ -19,17 +19,20 @@
 }
 
 .gh-cardmenu-button {
+    display: flex;
+    justify-content: center;
+    align-items: center;
     position: absolute;
     width: 30px;
     height: 30px;
-    padding: 6px;
     border: var(--midgrey) 1px solid;
     background: #fff;
     border-radius: 100%;
-    font-size: 16px;
-    line-height: 16px;
-    text-align: center;
-    color: var(--midgrey);
+}
+
+.gh-cardmenu-button svg {
+    height: 15px;
+    width: 15px;
 }
 
 .gh-cardmenu-button svg path {

ghost/admin/app/styles/app.css

@@ -30,7 +30,7 @@
 @import "components/selectize.css";
 @import "components/power-select.css";
 @import "components/publishmenu.css";
-@import "components/title.css";
+
 
 /* Layouts: Groups of Components
 /* ---------------------------------------------------------- */

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

@@ -1,24 +0,0 @@
-.gh-editor-title {
-    padding:0 0 0 1px; /* need some left padding otherwise the cursor isn't visible on the left hand side */
-    margin:0;
-    outline:none;
-    position:relative;
-    width:100%;
-    letter-spacing:0.8px;
-    font-weight: bold;
-    font-size: 3.2rem;
-    line-height: 150%;
-}
-
-/* Place holder content that displays in the title if it is empty */
-.gh-editor-title.no-content:after {
-    content: attr(data-placeholder);
-    color: #bbb;
-    cursor: text;
-    position:absolute;
-    top:0;
-    font-size: 3.2rem;
-    font-weight: bold;
-    line-height: 110%;
-    min-width: 30rem; /* hack it's defaulting just to enough width for the 'Your' in 'Your Post Title' */
-}

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

@@ -8,8 +8,31 @@
 .gh-editor-title {
     flex-grow: 1;
     margin-bottom: 2vw;
+    padding: 0;
+    margin: 0;
+    outline: none;
+    position: relative;
+    width: 100%;
+    letter-spacing: 0.8px;
+    font-weight: bold;
+    font-size: 3.2rem;
+    line-height: 1.3em;
 }
 
+/* Place holder content that displays in the title if it is empty */
+.gh-editor-title.no-content:before {
+    content: attr(data-placeholder);
+    color: color(var(--midgrey) l(+35%));
+    cursor: text;
+    position: absolute;
+    top: 0;
+    font-size: 3.2rem;
+    font-weight: bold;
+    line-height: 1.3em;
+    min-width: 30rem; /* hack it's defaulting just to enough width for the 'Your' in 'Your Post Title' */
+}
+
+
 .gh-editor-title input {
     margin: 0;
     padding: 0;