fix: Adjust padding in table cell and header components

Signed-off-by: ailkiv <a.ilkiv.ye@gmail.com>

Author: AIlkiv

src/css/prosemirror.scss

@@ -353,18 +353,16 @@ 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);

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 {

src/nodes/Table/TableHeaderView.vue

@@ -181,12 +181,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%;
 	}