From 8cd8e93487aeb54f83a6ac7b35e0708ec8eceb1d Mon Sep 17 00:00:00 2001
From: Ammar Ahmed <ammarahmed6506@gmail.com>
Date: Thu, 23 Oct 2025 21:58:27 +0500
Subject: [PATCH] mobile: fix styles in editor

---
 packages/editor-mobile/public/index.html      |  6 +++++-
 .../editor-mobile/src/components/editor.tsx   |  3 ++-
 .../src/components/statusbar.tsx              | 21 +++++++------------
 .../editor-mobile/src/components/tags.tsx     |  1 -
 4 files changed, 14 insertions(+), 17 deletions(-)

diff --git a/packages/editor-mobile/public/index.html b/packages/editor-mobile/public/index.html
index c518b5244..037cd3c04 100644
--- a/packages/editor-mobile/public/index.html
+++ b/packages/editor-mobile/public/index.html
@@ -34,7 +34,11 @@
       }
 
       .ProseMirror > :first-child {
-        margin-top: 0.4em !important;
+        margin-top: 5px !important;
+      }
+
+      .ProseMirror:first-child {
+        margin-top: 0px !important;
       }
 
       #root {
diff --git a/packages/editor-mobile/src/components/editor.tsx b/packages/editor-mobile/src/components/editor.tsx
index 8d89a2d20..917052441 100644
--- a/packages/editor-mobile/src/components/editor.tsx
+++ b/packages/editor-mobile/src/components/editor.tsx
@@ -580,7 +580,8 @@ const Tiptap = ({
                   display: "flex",
                   alignItems: "center",
                   padding: "0px 16px",
-                  paddingBottom: "6px"
+                  paddingBottom: "3px",
+                  boxSizing: "border-box"
                 }}
               >
                 <StatusBar
diff --git a/packages/editor-mobile/src/components/statusbar.tsx b/packages/editor-mobile/src/components/statusbar.tsx
index 39536a126..ddcac8173 100644
--- a/packages/editor-mobile/src/components/statusbar.tsx
+++ b/packages/editor-mobile/src/components/statusbar.tsx
@@ -77,26 +77,19 @@ function StatusBar({
     fontSize: 12,
     color: "var(--nn_secondary_paragraph)",
     paddingBottom: 0,
+    fontFamily: "Inter",
     userSelect: "none"
   };
 
   return (
-    <div
-      style={{
-        display: "flex",
-        height: "25px",
-        alignItems: "center"
+    <p
+      onMouseDown={(e) => {
+        setShowChars(!showChars);
       }}
+      style={paragraphStyle}
     >
-      <p
-        onMouseDown={(e) => {
-          setShowChars(!showChars);
-        }}
-        style={paragraphStyle}
-      >
-        {showChars ? strings.charactersCount(chars) : words}
-      </p>
-    </div>
+      {showChars ? strings.charactersCount(chars) : words}
+    </p>
   );
 }
 
diff --git a/packages/editor-mobile/src/components/tags.tsx b/packages/editor-mobile/src/components/tags.tsx
index 3ccd2add5..be97f528d 100644
--- a/packages/editor-mobile/src/components/tags.tsx
+++ b/packages/editor-mobile/src/components/tags.tsx
@@ -55,7 +55,6 @@ function Tags(props: { settings: Settings; loading?: boolean }) {
       style={{
         display: "flex",
         alignItems: "center",
-        minHeight: "25px",
         opacity: props.loading ? 0 : 1,
         gap: 6
       }}