fix(caret): incorrect underline positioning

Author: Miodec

frontend/src/styles/caret.scss

@@ -72,6 +72,5 @@
   &.underline {
     height: 0.1em;
     width: 0.5em;
-    margin-top: 1.2em;
   }
 }

frontend/src/ts/utils/caret.ts

@@ -519,10 +519,15 @@ export class Caret {
     top += options.letter.offsetTop;
     top += options.word.offsetTop;
 
-    // center the caret vertically and horizontally
-    if (this.style !== "underline") {
+    if (this.style === "underline") {
+      // if style is underline, add the height of the letter to the top
+      top += options.letter.offsetHeight;
+    } else {
+      // else center vertically in the letter
       top += (options.letter.offsetHeight - this.getHeight()) / 2;
     }
+
+    // also center horizontally
     if (!this.isFullWidth()) {
       left += (this.getWidth() / 2) * -1;
     }