From 7091683bc12051494cb5d9bfbba410e5b6d1070a Mon Sep 17 00:00:00 2001
From: 4gray <serega05@gmail.com>
Date: Sat, 24 Aug 2024 18:35:28 +0200
Subject: [PATCH] style(xtream): some layout improvements

---
 .../live-stream-layout.component.html         | 20 +++++++++++--------
 .../live-stream-layout.component.scss         |  4 ++++
 2 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/src/app/portals/live-stream-layout/live-stream-layout.component.html b/src/app/portals/live-stream-layout/live-stream-layout.component.html
index 50ed33350..0907f3fdc 100644
--- a/src/app/portals/live-stream-layout/live-stream-layout.component.html
+++ b/src/app/portals/live-stream-layout/live-stream-layout.component.html
@@ -34,15 +34,19 @@
         </div>
     </div>
     @if (player === 'videojs' || player === 'html5') {
-        <div class="video-player">
-            @if (streamUrl) {
+        @if (streamUrl) {
+            <div class="video-player">
                 <app-web-player-view [streamUrl]="streamUrl" />
-            }
-        </div>
+            </div>
+        }
     }
-    <div class="epg">
-        <div class="epg-content">
-            <app-epg-view [epgItems]="epgItems" />
+    @if (streamUrl) {
+        <div class="epg">
+            <div class="epg-content">
+                <app-epg-view [epgItems]="epgItems" />
+            </div>
         </div>
-    </div>
+    } @else {
+        <div class="no-channel-selected">Please select a channel</div>
+    }
 </div>
diff --git a/src/app/portals/live-stream-layout/live-stream-layout.component.scss b/src/app/portals/live-stream-layout/live-stream-layout.component.scss
index 3136891aa..1fb1c9b37 100644
--- a/src/app/portals/live-stream-layout/live-stream-layout.component.scss
+++ b/src/app/portals/live-stream-layout/live-stream-layout.component.scss
@@ -46,3 +46,7 @@
     border-right: #111 1px solid;
     overflow-x: hidden;
 }
+
+.no-channel-selected {
+    margin: 10px;
+}