From bfe49dba4805cede150157f3d84e462a5a04f620 Mon Sep 17 00:00:00 2001
From: Martin Pitt <martin@piware.de>
Date: Wed, 23 Sep 2026 22:46:44 +0200
Subject: [PATCH] Drop the lyrics span

The lyrics text node after the block level chord row forms its own row by
itself, so the wrapper span was only extra markup and an extra CSS rule.
---
 chordpro-web.js | 2 +-
 chordpro.css    | 6 +-----
 2 files changed, 2 insertions(+), 6 deletions(-)

diff --git a/chordpro-web.js b/chordpro-web.js
index e818d17..81f3492 100644
--- a/chordpro-web.js
+++ b/chordpro-web.js
@@ -8,7 +8,7 @@ const song = [];
 
 // The chord span is emitted even when empty, so that lyrics before the first
 // chord of a line still end up in the lyrics row; see chordpro.css.
-const segment = (chord, text) => html`<span class="seg"><span class="chord">${chord}</span><span class="text">${text}</span></span>`;
+const segment = (chord, text) => html`<span class="seg"><span class="chord">${chord}</span>${text}</span>`;
 
 const directive_handlers = {
     title: value => {
diff --git a/chordpro.css b/chordpro.css
index ef73f9d..6e1cf8d 100644
--- a/chordpro.css
+++ b/chordpro.css
@@ -28,12 +28,8 @@ h2 {
   vertical-align: top;
 }
 
-.verse.chords .chord,
-.verse.chords .text {
-  display: block;
-}
-
 .verse.chords .chord {
+  display: block;
   /* chord names have no descenders, so keep the row tight to the lyrics */
   line-height: 1;
   /* keep lyrics in the bottom row when there is no chord above them */
-- 
2.47.3