Partial fix for chord-only paragraphs

diff --git a/chordpro-web.js b/chordpro-web.js
index 188646a6b65d9cbfc798a057875d487aceababa9..45f800dc35ca9aeea9164957ff43bae7e159fa82 100644 (file)
--- a/chordpro-web.js
+++ b/chordpro-web.js
@@ -44,8 +44,9 @@ function renderChordpro(text) {
 
             // split line into parts on chords
             const parts = [];
-            line.split(/(\[[^\]]+\])/).forEach(part => parts.push(
-                part[0] == '[' ? html`<span class="chord">${part.slice(1, -1)}</span>` : part
+            line.split(/(\[[^\]]+\])/).forEach(part => parts.push(part[0] == '['
+                ? html`<span class="chord">${part.slice(1, -1)}</span>`
+                : (part ? html`<span class="text">${part}</span>` : null)
             ));
             verseHasChords ||= parts.length > 1;
             parts.push('\n')

diff --git a/chordpro.css b/chordpro.css
index 5b25d95b160a28f5deed028db6967d43bc7b5ad9..e2e75c408d800c54e5707f602d67dd1c279e381b 100644 (file)
--- a/chordpro.css
+++ b/chordpro.css
@@ -19,6 +19,11 @@ h2 {
   line-height: 2.3em;
 }
 
+.chord + .chord {
+  width: unset;
+  margin-left: 0.3ex;
+}
+
 .chord {
   position: relative;
   top: -1em;