💄 (#299): adjust link position

Signed-off-by: Vinicius Reis <[email protected]>

Author: Vinicius Reis

css/prosemirror.scss

@@ -102,20 +102,18 @@ div.ProseMirror {
 	h5,
 	h6 {
 		font-weight: 600;
-		line-height: 120%;
+		line-height: 1.1em;
 		margin-top: 24px;
 		margin-bottom: 12px;
 		color: var(--color-main-text);
 	}
 
 	h1 {
 		font-size: 36px;
-		margin-top: 48px;
 	}
 
 	h2 {
 		font-size: 30px;
-		margin-top: 48px;
 	}
 
 	h3 {

src/nodes/Heading/HeadingView.vue

@@ -83,10 +83,12 @@ export default Vue.extend({
 div.ProseMirror {
 	/* Anchor links */
 	h1, h2, h3, h4, h5, h6 {
+		position: relative;
 		.anchor-link {
 			opacity: 0;
 			padding: 0;
-			left: -18px;
+			left: -1em;
+			bottom: 0;
 			font-size: max(1em, 16px);
 			position: absolute;
 			text-decoration: none;