From 1662497aa6cccbb01997d02796f3a142376154dd Mon Sep 17 00:00:00 2001
From: Tienson Qin <tiensonqin@gmail.com>
Date: Fri, 7 Nov 2025 00:34:07 +0800
Subject: [PATCH] enhance(ux): display property pairs vertically on mobile

addresses https://test.logseq.com/#/page/690cb89e-997f-425a-ae04-e7709b23c827
---
 src/main/frontend/components/property.css | 2 +-
 src/main/mobile/components/app.css        | 8 ++++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/main/frontend/components/property.css b/src/main/frontend/components/property.css
index a739c704b1..c7badb752f 100644
--- a/src/main/frontend/components/property.css
+++ b/src/main/frontend/components/property.css
@@ -177,7 +177,7 @@
 }
 
 .ui__button.empty-btn, .empty-text-btn {
-  @apply !h-6 !px-0 font-normal opacity-50;
+  @apply !h-6 !px-0 !text-base opacity-50 font-normal;
 }
 
 .ui__button.empty-btn:hover, .empty-text-btn:hover {
diff --git a/src/main/mobile/components/app.css b/src/main/mobile/components/app.css
index a3291fac59..e998b08641 100644
--- a/src/main/mobile/components/app.css
+++ b/src/main/mobile/components/app.css
@@ -616,3 +616,11 @@ html[data-silk-native-page-scroll-replaced=false] .app-silk-index-scroll-view {
     @apply border-none;
   }
 }
+
+.ls-properties-area .property-pair {
+  @apply flex flex-col items-start;
+
+  .property-key {
+    margin-bottom: -6px;
+  }
+}