Layout fixes

assets/controllers/nostr_publish_controller.js

@@ -482,7 +482,7 @@ export default class extends Controller {
 
     // Escape "_" inside display math $$...$$ and inline math $...$
     markdown = markdown.replace(/\$\$([\s\S]*?)\$\$/g, (m, g1) => `$$${g1.replace(/_/g, (u, i, s) => (i>0 && s[i-1]==='\\') ? '\\_' : '\\_')}$$`);
-    markdown = markdown.replace(/$([^$]*?)$/g, (m, g1) => `$${g1.replace(/_/g, (u, i, s) => (i>0 && s[i-1]==='\\') ? '\\_' : '\\_')}$`);
+    markdown = markdown.replace(/\$([^$]*?)\$/g, (m, g1) => `$${g1.replace(/_/g, (u, i, s) => (i>0 && s[i-1]==='\\') ? '\\_' : '\\_')}$`);
 
     // Clean up HTML entities and remaining tags
     markdown = markdown.replace(/ /g, ' ');

assets/styles/02-layout/layout.css

@@ -285,3 +285,8 @@ p.measure {
 }
 
 section{ position: relative; padding: var(--section-spacing) var(--spacing-3); }
+
+.katex-display>.katex {
+    line-height: 2;
+    white-space: normal !important;
+}

templates/components/Molecules/ZapButton.html.twig

@@ -42,7 +42,37 @@
                                     required
                                     autofocus
                                 />
-                                <small class="form-text text-muted">Suggested: 21, 210, 2100 sats</small>
+                                <div class="d-flex flex-row gap-2 mt-2">
+                                    <button
+                                        type="button"
+                                        class="btn btn-sm btn-outline-warning flex-fill"
+                                        onclick="document.getElementById('zap-amount').value = 21; document.getElementById('zap-amount').dispatchEvent(new Event('input', { bubbles: true }));"
+                                    >
+                                        21
+                                    </button>
+                                    <button
+                                        type="button"
+                                        class="btn btn-sm btn-outline-warning flex-fill"
+                                        onclick="document.getElementById('zap-amount').value = 100; document.getElementById('zap-amount').dispatchEvent(new Event('input', { bubbles: true }));"
+                                    >
+                                        100
+                                    </button>
+                                    <button
+                                        type="button"
+                                        class="btn btn-sm btn-outline-warning flex-fill"
+                                        onclick="document.getElementById('zap-amount').value = 1000; document.getElementById('zap-amount').dispatchEvent(new Event('input', { bubbles: true }));"
+                                    >
+                                        1000
+                                    </button>
+                                    <button
+                                        type="button"
+                                        class="btn btn-sm btn-outline-warning flex-fill"
+                                        onclick="document.getElementById('zap-amount').value = 21000; document.getElementById('zap-amount').dispatchEvent(new Event('input', { bubbles: true }));"
+                                    >
+                                        21k
+                                    </button>
+                                </div>
+                                <small class="form-text text-muted">Click a suggested amount or enter custom value</small>
                             </div>
 
                             <div class="mb-3">

templates/pages/editor.html.twig

@@ -25,9 +25,6 @@
                 csrfToken: csrf_token('nostr_publish')
             }) }} data-nostr-publish-target="form" data-slug="{{ article.slug|default('') }}">
 
-                <!-- Status messages -->
-                <div data-nostr-publish-target="status"></div>
-
                 {{ form_start(form) }}
                 {{ form_row(form.slug) }}
                 {{ form_row(form.title) }}
@@ -108,6 +105,9 @@
                         <small class="text-muted d-block mt-1">Edits here override the form when publishing. Keep required fields: kind, created_at, tags, content, pubkey.</small>
                     </div>
 
+                    <!-- Status messages -->
+                    <div data-nostr-publish-target="status"></div>
+
                     <button type="button"
                             class="btn btn-primary"
                             data-nostr-publish-target="publishButton"