From 5e25475aa87e16d6ae83eb81b357dd12dde68f05 Mon Sep 17 00:00:00 2001
From: ailkiv <a.ilkiv.ye@gmail.com>
Date: Tue, 6 May 2025 10:22:11 +0000
Subject: [PATCH] fix: Adjust padding in table cell and header components

Signed-off-by: ailkiv <a.ilkiv.ye@gmail.com>
---
 src/css/prosemirror.scss            | 3 ---
 src/nodes/Table/TableCellView.vue   | 1 +
 src/nodes/Table/TableHeaderView.vue | 5 +++++
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/css/prosemirror.scss b/src/css/prosemirror.scss
index f7fba930e4e..75c2bcc959c 100644
--- a/src/css/prosemirror.scss
+++ b/src/css/prosemirror.scss
@@ -344,18 +344,15 @@ div.ProseMirror {
 			border-left: 0;
 			vertical-align: top;
 			max-width: 100%;
-			line-height: var(--default-clickable-area);
 			&:first-child {
 				border-left: 1px solid var(--table-color-border);
 			}
 		}
 		td {
-			padding: 0 0 0 0.75em;
 			border-top: 0;
 			color: var(--color-main-text);
 		}
 		th {
-			padding: 0 0 0 0.75em;
 			font-weight: normal;
 			border-bottom-color: var(--table-color-heading-border);
 			color: var(--table-color-heading);
diff --git a/src/nodes/Table/TableCellView.vue b/src/nodes/Table/TableCellView.vue
index 057f84ee51a..61e57a0c02e 100644
--- a/src/nodes/Table/TableCellView.vue
+++ b/src/nodes/Table/TableCellView.vue
@@ -118,6 +118,7 @@ td {
 	.content {
 		flex: 1 1 0;
 		margin: 0;
+		padding: calc((var(--default-clickable-area) - var(--default-font-size) * 1.5) / 2) 0.75em;
 	}
 
 	.action-item {
diff --git a/src/nodes/Table/TableHeaderView.vue b/src/nodes/Table/TableHeaderView.vue
index ff08e422490..d74b94cf9d7 100644
--- a/src/nodes/Table/TableHeaderView.vue
+++ b/src/nodes/Table/TableHeaderView.vue
@@ -180,12 +180,17 @@ export default {
 </script>
 
 <style scoped lang="scss">
+div[contenteditable=true] th .content {
+	padding-right: 0;
+}
 th {
 
 	.content {
 		margin: 0;
 		flex-grow: 1;
+		padding: calc((var(--default-clickable-area) - var(--default-font-size) * 1.5) / 2) 0.75em;
 	}
+
 	.action-item {
 		opacity: 50%;
 	}