Fixed alignment of main title in Admin (#19911)

Ref DES-188

- the alignment of the main page title and the site title in the sidebar
was off
- also the top right dropdown's vertical positioning was off

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

@@ -725,8 +725,9 @@
 
 .gh-canvas-title.gh-post-title {
     max-width: 880px;
-    padding: 12px 0 8px;
+    padding: 20px 0 12px;
     font-size: 3.2rem;
+    line-height: 1.2em;
     overflow: inherit;
     white-space: inherit;
 }

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

@@ -1059,7 +1059,7 @@ Dashboard Attribution */
 }
 
 .gh-dashboard .gh-canvas-header.sticky .gh-dashboard-select {
-    top: 8px !important;
+    top: 0px !important;
     right: -6px !important;
 }
 
@@ -3001,7 +3001,7 @@ Share publication modal */
     margin: 32px 0 0 0;
 }
 
-.gh-share-links li { 
+.gh-share-links li {
     font-size: 1.5rem;
     font-weight: 600;
     color: var(--darkgrey);
@@ -3056,7 +3056,7 @@ span.tip {
     display: block;
 }
 
-span.tip a { 
+span.tip a {
     text-decoration: underline;
     color: var(--midgrey);
 }

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

@@ -1444,14 +1444,13 @@
     display: flex;
     align-items: center;
     overflow: hidden;
-    margin: -8px 0 0 0;
-    padding: 0;
+    margin: -0.1em 0 0;
+    padding: 0 6px 0 0;
     text-overflow: ellipsis;
-    white-space: nowrap;
     font-size: 3.2rem;
-    line-height: 1.3em;
+    line-height: 1.25em;
     font-weight: 700;
-    letter-spacing: -0.05em;
+    letter-spacing: -0.025em;
     /* match button height to avoid jump on navigation between screens*/
     min-height: 35px;
     color: var(--black);