From 49e51f015ea8c1f066bfbe9c23e74bec23391de1 Mon Sep 17 00:00:00 2001
From: smuddyx <smuddyx@gmail.com>
Date: Sun, 22 Mar 2020 17:04:18 +0100
Subject: [PATCH] mobile style enhanchement

---
 src/app/modules/shows/show/show.component.html             | 2 +-
 src/app/modules/shows/show/show.component.less             | 6 ++++++
 src/app/modules/shows/show/song/song.component.html        | 2 +-
 src/app/modules/shows/show/song/song.component.less        | 4 +---
 .../components/song-text/song-text.component.less          | 7 ++++++-
 5 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/src/app/modules/shows/show/show.component.html b/src/app/modules/shows/show/show.component.html
index f688b07..a6b7c7c 100644
--- a/src/app/modules/shows/show/show.component.html
+++ b/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"
diff --git a/src/app/modules/shows/show/show.component.less b/src/app/modules/shows/show/show.component.less
index da0d815..2e41750 100644
--- a/src/app/modules/shows/show/show.component.less
+++ b/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;
+}
+
diff --git a/src/app/modules/shows/show/song/song.component.html b/src/app/modules/shows/show/song/song.component.html
index ce62647..143c80e 100644
--- a/src/app/modules/shows/show/song/song.component.html
+++ b/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>
diff --git a/src/app/modules/shows/show/song/song.component.less b/src/app/modules/shows/show/song/song.component.less
index 8f50e2e..1626cd7 100644
--- a/src/app/modules/shows/show/song/song.component.less
+++ b/src/app/modules/shows/show/song/song.component.less
@@ -1,6 +1,4 @@
-.row {
-  border-bottom: 1px solid #ccc;
-}
+
 
 
 .song {
diff --git a/src/app/widget-modules/components/song-text/song-text.component.less b/src/app/widget-modules/components/song-text/song-text.component.less
index 0a87c10..b82d80b 100644
--- a/src/app/widget-modules/components/song-text/song-text.component.less
+++ b/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 {