fix: optimize link position

Author: SSShooter

src/index.less

@@ -8,6 +8,7 @@
   --root-bgcolor: #4c4f69;
   --main-color: #444446;
   --main-bgcolor: #ffffff;
+  --topic-padding: 3px;
   --color: #777777;
   --bgcolor: #f6f6f6;
   // ---
@@ -107,6 +108,7 @@
       pointer-events: all;
       max-width: 800px;
       white-space: pre-wrap;
+      padding: var(--topic-padding);
       line-height: 1.2; // assure the line-height consistency between different languages
       .tags {
         direction: ltr;
@@ -223,6 +225,7 @@
     position: absolute;
     top: 0;
     left: 0;
+    padding: var(--topic-padding);
     background-color: #fff;
     color: #666666;
     width: max-content; // let words expand the div and keep max length at the same time

src/linkDiv.ts

@@ -258,15 +258,15 @@ function generateSubLine2({ pT, pL, pW, pH, cT, cL, cW, cH, direction, isFirst }
   const y2 = cT + cH
   let x1: number, x2: number, xMid: number
   if (direction === 'lhs') {
-    xMid = pL - 10
+    xMid = pL
     x1 = xMid + GAP
     x2 = xMid - GAP
-    end = cL + GAP - 10
+    end = cL + GAP
   } else if (direction === 'rhs') {
-    xMid = pL + pW + 10
+    xMid = pL + pW
     x1 = xMid - GAP
     x2 = xMid + GAP
-    end = cL + cW - GAP + 10
+    end = cL + cW - GAP
   }
   return `M ${x1} ${y1} C ${xMid} ${y1} ${xMid} ${y2} ${x2} ${y2} H ${end}`
 }