From 4cff5fbc47f8c14570b23e89edc88e9109166b4f Mon Sep 17 00:00:00 2001
From: Daniel <dwm.kiwi@gmail.com>
Date: Mon, 22 Jun 2020 00:35:06 +0000
Subject: [PATCH] Fix chord view

---
 src/app/components/chord-view/chord-view.component.html | 2 +-
 src/app/components/chord-view/chord-view.component.ts   | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/app/components/chord-view/chord-view.component.html b/src/app/components/chord-view/chord-view.component.html
index 8b38a10..4aa4f70 100644
--- a/src/app/components/chord-view/chord-view.component.html
+++ b/src/app/components/chord-view/chord-view.component.html
@@ -4,7 +4,7 @@
       <span *ngFor="let tag of tags" [class.active]="tag.active">{{ tag.text }}</span>
     </div>
     <div class="container">
-      <div class="slide currentSlide song" [innerHTML]="chordproFormatted(currentSlides[0])|chordpro:transpose"></div>
+      <div class="slide currentSlide song mat-display-3" [innerHTML]="chordproFormatted(currentSlides[activeSlide])|chordpro:transpose"></div>
       <div class="nextSlides">
         <div class="slide song" [class.first]="slide.first_slide_of_tag" *ngFor="let slide of nextSlides" [innerHTML]="chordproFormatted(slide)|chordpro:transpose"></div>
       </div>
diff --git a/src/app/components/chord-view/chord-view.component.ts b/src/app/components/chord-view/chord-view.component.ts
index 8447948..3058bd1 100644
--- a/src/app/components/chord-view/chord-view.component.ts
+++ b/src/app/components/chord-view/chord-view.component.ts
@@ -32,6 +32,7 @@ export class ChordViewComponent extends StageViewComponent {
     chordpro = chordpro.replace(/<\/span>/g, '');
     chordpro = chordpro.replace(/<strong>/g, '[');
     chordpro = chordpro.replace(/<\/strong>/g, ']');
+    chordpro = chordpro.replace(/<br>/g, '\n');
 
     return chordpro;
   }