From 542334a9a92e3d554c8d1e5acd7f59db41cab1fa Mon Sep 17 00:00:00 2001
From: 4gray <serega05@gmail.com>
Date: Thu, 16 Apr 2026 21:57:34 +0200
Subject: [PATCH] style: improve layout and responsiveness of playlist switcher
 component Entire-Checkpoint: c6e522b4276c

---
 .../playlist-switcher.component.scss             | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/libs/playlist/shared/ui/src/lib/playlist-switcher/playlist-switcher.component.scss b/libs/playlist/shared/ui/src/lib/playlist-switcher/playlist-switcher.component.scss
index 6ee5c38b2..09211ff0f 100644
--- a/libs/playlist/shared/ui/src/lib/playlist-switcher/playlist-switcher.component.scss
+++ b/libs/playlist/shared/ui/src/lib/playlist-switcher/playlist-switcher.component.scss
@@ -1,7 +1,14 @@
+:host {
+    display: block;
+    width: 100%;
+}
+
 .playlist-switcher-trigger {
     display: flex;
     align-items: center;
     gap: 8px;
+    width: 100%;
+    box-sizing: border-box;
     padding: 4px 8px 4px 4px;
     border-radius: 10px;
     cursor: pointer;
@@ -67,7 +74,6 @@
 .playlist-info {
     flex: 1;
     min-width: 0;
-    max-width: 240px;
 
     .name {
         font-size: 0.95em;
@@ -533,12 +539,8 @@
 }
 
 @media only screen and (max-width: 480px) {
-    .playlist-info {
-        max-width: 140px;
-
-        .name {
-            font-size: 0.9em;
-        }
+    .playlist-info .name {
+        font-size: 0.9em;
     }
 
     .playlist-icon-container {