Polish navbar, mobile experience

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;
 }

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(),