Experiment: show blank lines in LyricsPane

src/LyricsPane.css

@@ -15,3 +15,7 @@ textarea {
     min-height: 25vh;
     column-width: 15em;
 }
+
+.line {
+    min-height: .6em;
+}

src/LyricsPane.js

@@ -25,7 +25,7 @@ class LyricsPane extends Component {
       x.push(word);
       x.push(" ");
     }
-    return <div key={idx}>{x.slice(0,-1)}</div>;
+    return <div className="line" key={idx}>{x.slice(0,-1)}</div>;
   }
 
   componentWillUnmount() {

src/verse.js

@@ -151,7 +151,7 @@ class Verse {
     var last_word;
     var i = 0;
     var lala;
-    for (const line of text.split(/[\n\r]+/)) {
+    for (const line of text.split(/\n\r|\r\n|\n|\r/)) {
       for (const word of line.trim().split(/\s+/)) {
         if (!word) {
           continue;