fix(mobile): improve paragraph spacing and inline code wrapping

Author: typelets

apps/mobile/v1/editor/src/components/Editor.tsx

@@ -125,15 +125,21 @@ const createEditorHTML = (content: string, placeholder: string, isDark: boolean,
     h2 { font-size: 24px; line-height: 1.3; }
     h3 { font-size: 20px; line-height: 1.4; }
 
-    /* Paragraphs */
+    /* Paragraphs - small bottom margin for visual separation between blocks */
     p {
-      margin: 0;
+      margin: 0 0 0.4em 0;
       line-height: 1.6;
     }
 
-    /* Empty paragraphs should show as single line */
+    /* Last paragraph shouldn't have bottom margin */
+    p:last-child {
+      margin-bottom: 0;
+    }
+
+    /* Empty paragraphs should show as spacing */
     p:empty {
       min-height: 1em;
+      margin-bottom: 0;
     }
 
     /* First empty paragraph in editor gets slightly more height for better UX */
@@ -237,15 +243,16 @@ const createEditorHTML = (content: string, placeholder: string, isDark: boolean,
       border-radius: 3px;
     }
 
-    /* Code */
+    /* Code - inline code should wrap */
     code {
       background-color: ${editorColors.codeBackground};
       color: ${editorColors.foreground};
       padding: 2px 6px;
       border-radius: 3px;
       font-family: 'Courier New', Courier, monospace;
       font-size: 14px;
-      white-space: pre;
+      white-space: pre-wrap;
+      word-break: break-word;
     }
 
     pre {

apps/mobile/v1/src/screens/ViewNote/NoteContent.tsx

@@ -153,15 +153,16 @@ export function NoteContent({
           line-height: 1.6 !important;
         }
 
-        /* Code */
+        /* Code - inline code should wrap */
         code {
           background-color: ${theme.isDark ? 'rgba(255, 255, 255, 0.08)' : theme.colors.muted};
           color: ${theme.colors.foreground};
           padding: 2px 6px;
           border-radius: 3px;
           font-family: 'Courier New', Courier, monospace;
           font-size: 14px;
-          white-space: pre;
+          white-space: pre-wrap;
+          word-break: break-word;
         }
 
         pre {
@@ -202,14 +203,20 @@ export function NoteContent({
           margin-top: 0 !important;
         }
 
-        /* Paragraphs - no margin so single line breaks don't look like double */
+        /* Paragraphs - small bottom margin for visual separation between blocks */
         p {
-          margin: 0;
+          margin: 0 0 0.4em 0;
+        }
+
+        /* Last paragraph shouldn't have bottom margin */
+        p:last-child {
+          margin-bottom: 0;
         }
 
         /* Empty paragraphs should show as spacing (Tiptap uses <p></p> for blank lines) */
         p:empty {
           min-height: 1em;
+          margin-bottom: 0;
         }
 
         /* Headings */