From 7b702c8b11d755784129d7566766a1a1d140eadf Mon Sep 17 00:00:00 2001
From: Vanessa <lly219@gmail.com>
Date: Mon, 15 Apr 2024 22:57:04 +0800
Subject: [PATCH] :art: fix https://github.com/siyuan-note/siyuan/issues/10844

---
 app/src/assets/scss/business/_av.scss | 5 +++++
 app/src/protyle/render/av/render.ts   | 7 +++----
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/app/src/assets/scss/business/_av.scss b/app/src/assets/scss/business/_av.scss
index 60fa2e0d1..4d81631f4 100644
--- a/app/src/assets/scss/business/_av.scss
+++ b/app/src/assets/scss/business/_av.scss
@@ -182,6 +182,11 @@
         white-space: nowrap;
         cursor: pointer;
 
+        &:first-child {
+          padding-left: 1.625em;
+          box-sizing: initial;
+        }
+
         &.av__calc--ashow {
           opacity: 1;
         }
diff --git a/app/src/protyle/render/av/render.ts b/app/src/protyle/render/av/render.ts
index 4d6dbe36d..9287ed691 100644
--- a/app/src/protyle/render/av/render.ts
+++ b/app/src/protyle/render/av/render.ts
@@ -132,11 +132,10 @@ style="width: ${column.width || "200px"};">
 
                     // lineNumber type 不参与计算操作
                     if (column.type === "lineNumber") {
-                        calcHTML += `<div data-col-id="${column.id}" data-dtype="${column.type}"  
-                        style="display: flex; width: ${index === 0 ? ((parseInt(column.width || "200") + 24) + "px") : (column.width || "200px")}">&nbsp;</div>`;
+                        calcHTML += `<div data-col-id="${column.id}" data-dtype="${column.type}" style="display: flex; width: ${column.width || "200px"}">&nbsp;</div>`;
                     } else {
-                        calcHTML += `<div class="av__calc${column.calc && column.calc.operator !== "" ? " av__calc--ashow" : ""}" data-col-id="${column.id}" data-dtype="${column.type}" data-operator="${column.calc?.operator || ""}"  
-                        style="width: ${index === 0 ? ((parseInt(column.width || "200") + 24) + "px") : (column.width || "200px")}">${getCalcValue(column) || '<svg><use xlink:href="#iconDown"></use></svg>' + window.siyuan.languages.calc}</div>`;
+                        calcHTML += `<div class="av__calc${column.calc && column.calc.operator !== "" ? " av__calc--ashow" : ""}" data-col-id="${column.id}" data-dtype="${column.type}" data-operator="${column.calc?.operator || ""}" 
+style="width: ${column.width || "200px"}">${getCalcValue(column) || '<svg><use xlink:href="#iconDown"></use></svg>' + window.siyuan.languages.calc}</div>`;
                     }
 
                     if (pinIndex === index) {