mobile style enhanchement

src/app/modules/shows/show/show.component.html

@@ -5,7 +5,7 @@
     <mat-checkbox [(ngModel)]="showText">Text anzeigen</mat-checkbox>
 
     <div *ngIf="showSongs && songs" class="song-list">
-      <app-song *ngFor="let song of showSongs"
+      <app-song *ngFor="let song of showSongs" class="song-row"
                 [showId]="showId"
                 [showSong]="song"
                 [showSongs]="showSongs"

src/app/modules/shows/show/show.component.less

@@ -5,3 +5,9 @@
     width: 100%;
   }
 }
+
+.song-row:not(:last-child) {
+  display: block;
+  border-bottom: 1px solid #0002;
+}
+

src/app/modules/shows/show/song/song.component.html

@@ -1,4 +1,4 @@
-<div *ngIf="_song" class="row">
+<div *ngIf="_song">
   <div class="song">
     <app-menu-button (click)="reorder(true)" [icon]="faUp" class="btnUp"></app-menu-button>
     <app-menu-button (click)="reorder(false)" [icon]="faDown" class="btnDown"></app-menu-button>

src/app/modules/shows/show/song/song.component.less

@@ -1,6 +1,4 @@
-.row {
+
-  border-bottom: 1px solid #ccc;
-}
 
 
 .song {

src/app/widget-modules/components/song-text/song-text.component.less

@@ -54,7 +54,12 @@
 
 .section {
   margin-bottom: 20px;
-  border-left: 3px solid #ddd;
+  @media screen and (max-width: 860px) {
+    margin-bottom: 10px;
+  }
+  border-left: 3px solid #0002;
+  padding-left: 5px;
+  margin-left: -8px;
 }
 
 .chorus {