From d1574d60da855b0b002797f0f8caa308162d8ba0 Mon Sep 17 00:00:00 2001
From: Chris Mounce <christophermounce@gmail.com>
Date: Fri, 29 Aug 2025 23:41:32 -0700
Subject: [PATCH] Polish navbar, mobile experience

---
 src/app.css               | 5 +++--
 src/components/Editor.tsx | 4 ++++
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/app.css b/src/app.css
index 8c76e64..e354e0f 100644
--- a/src/app.css
+++ b/src/app.css
@@ -9,10 +9,11 @@ body {
 }
 
 .navbar {
-  height: 2.5lh;
+  height: 1.5rem;
   display: flex;
   align-items: center;
-  gap: 1em;
+  padding: 0.5rem;
+  gap: 1rem;
   flex-shrink: 0;
   background-color: #cde;
 }
diff --git a/src/components/Editor.tsx b/src/components/Editor.tsx
index 8aee7c6..cf6a3a3 100644
--- a/src/components/Editor.tsx
+++ b/src/components/Editor.tsx
@@ -31,6 +31,10 @@ function Editor(props: EditorProps) {
       doc: ydoc.getText().toString(),
       extensions: [
         EditorView.lineWrapping,
+        EditorView.contentAttributes.of({
+          autocapitalize: 'sentences',
+          autocorrect: 'on',
+        }),
         history(),
         keymap.of([...defaultKeymap, ...historyKeymap]),
         scrollPastEnd(),