From a0364dd4eab5f457d361bd28c300536d12c4b08a Mon Sep 17 00:00:00 2001
From: Peng Xiao <pengxiao@outlook.com>
Date: Wed, 28 Feb 2024 03:45:51 +0000
Subject: [PATCH] fix(core): minor page info style issues (#5935)

---
 .../affine/page-properties/property-row-value-renderer.tsx | 2 +-
 .../src/components/affine/page-properties/styles.css.ts    | 7 ++++---
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/packages/frontend/core/src/components/affine/page-properties/property-row-value-renderer.tsx b/packages/frontend/core/src/components/affine/page-properties/property-row-value-renderer.tsx
index 045afef37d..f6a919002e 100644
--- a/packages/frontend/core/src/components/affine/page-properties/property-row-value-renderer.tsx
+++ b/packages/frontend/core/src/components/affine/page-properties/property-row-value-renderer.tsx
@@ -130,7 +130,7 @@ export const TextValue = ({ property }: PropertyRowValueProps) => {
       />
       <div className={styles.propertyRowValueTextareaInvisible}>
         {value}
-        {value?.endsWith('\n') || value === '' ? <br /> : null}
+        {value?.endsWith('\n') || !value ? <br /> : null}
       </div>
     </div>
   );
diff --git a/packages/frontend/core/src/components/affine/page-properties/styles.css.ts b/packages/frontend/core/src/components/affine/page-properties/styles.css.ts
index d66aba67fb..79c3210c0e 100644
--- a/packages/frontend/core/src/components/affine/page-properties/styles.css.ts
+++ b/packages/frontend/core/src/components/affine/page-properties/styles.css.ts
@@ -92,7 +92,7 @@ export const tableHeaderDivider = style({
   height: '0.5px',
   width: '100%',
   margin: '8px 0',
-  backgroundColor: cssVar('dividerColor'),
+  backgroundColor: cssVar('borderColor'),
 });
 
 export const tableBodyRoot = style({
@@ -114,7 +114,8 @@ export const addPropertyButton = style({
   alignSelf: 'flex-start',
   fontSize: cssVar('fontSm'),
   color: `${cssVar('textSecondaryColor')} !important`,
-  padding: '6px 4px',
+  padding: '0 4px',
+  height: 36,
   cursor: 'pointer',
   ':hover': {
     color: cssVar('textPrimaryColor'),
@@ -440,7 +441,7 @@ export const selectorButton = style({
   borderRadius: 4,
   gap: 8,
   fontSize: cssVar('fontSm'),
-  fontWeight: 500,
+  fontWeight: 400,
   padding: '4px 8px',
   cursor: 'pointer',
   ':hover': {