From 78808ea5251cb42c237ac6b54c64dda58e14e0f0 Mon Sep 17 00:00:00 2001
From: FrigaT <m.surov@automacon.ru>
Date: Thu, 23 Apr 2026 18:16:08 +0300
Subject: [PATCH] =?UTF-8?q?=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=BB=D0=B5?=
 =?UTF-8?q?=D0=BD=20=D0=BF=D1=80=D0=BE=D0=BA=D1=80=D1=83=D1=82=D0=BA=D0=B0?=
 =?UTF-8?q?=20=D0=B3=D1=80=D1=83=D0=BF=D0=BF=D1=8B=20=D0=BF=D0=BE=D0=B8?=
 =?UTF-8?q?=D1=81=D0=BA=D0=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Pages/SharedPlaylistView.razor            | 33 ++++++++++---------
 1 file changed, 18 insertions(+), 15 deletions(-)

diff --git a/PlaylistShared.Pwa/Pages/SharedPlaylistView.razor b/PlaylistShared.Pwa/Pages/SharedPlaylistView.razor
index 5d81f93..89d3cb6 100644
--- a/PlaylistShared.Pwa/Pages/SharedPlaylistView.razor
+++ b/PlaylistShared.Pwa/Pages/SharedPlaylistView.razor
@@ -232,7 +232,7 @@
     {
         <MudCard Class="d-flex flex-column" Elevation="0" Style="height: 100%;">
             <MudCardHeader Class="pb-0">
-                <MudStack Style="width: 100%;" Spacing="0">
+                <MudStack Style="width: 100%;">
                     <MudText Typo="Typo.h6" Color="Color.Primary" Class="mb-4">Добавление треков</MudText>
                     <MudTextField @bind-Value="_searchQuery"
                                   @bind-Value:after="OnSearchQueryChanged"
@@ -242,20 +242,23 @@
                                   Label="Название или ссылка на трек"
                                   Disabled="@_isSearching"
                                   Adornment="Adornment.End" AdornmentIcon="@Icons.Material.Filled.Search" AdornmentColor="Color.Secondary" />
-
-                    <MudToggleGroup T="TrackSearchType"
-                                    @bind-Value="_searchType"
-                                    @bind-Value:after="OnSearchTypeChanged"
-                                    Size="Size.Small"
-                                    Color="Color.Primary"
-                                    Disabled="@(_isSearching)">
-                        <MudToggleItem Value="TrackSearchType.All" Text="Все" />
-                        <MudToggleItem Value="TrackSearchType.Track" Text="Треки" />
-                        <MudToggleItem Value="TrackSearchType.Album" Text="Альбомы" />
-                        <MudToggleItem Value="TrackSearchType.Playlist" Text="Плейлисты" />
-                        <MudToggleItem Value="TrackSearchType.Artist" Text="Исполнители" />
-                        <MudToggleItem Value="TrackSearchType.MyPlaylists" Text="Мои плейлисты" />
-                    </MudToggleGroup>
+                    <div class="horizontal-scroll-container">
+                        <MudToggleGroup T="TrackSearchType"
+                                        @bind-Value="_searchType"
+                                        @bind-Value:after="OnSearchTypeChanged"
+                                        Size="Size.Small"
+                                        Color="Color.Primary"
+                                        Disabled="@(_isSearching)"
+                                        Class="pt-2"
+                                        Style="display: inline-flex; flex-wrap: nowrap;">
+                            <MudToggleItem Value="TrackSearchType.All" Class="px-2" Text="Все" />
+                            <MudToggleItem Value="TrackSearchType.Track" Class="px-2" Text="Треки" />
+                            <MudToggleItem Value="TrackSearchType.Album" Class="px-2" Text="Альбомы" />
+                            <MudToggleItem Value="TrackSearchType.Playlist" Class="px-2" Text="Плейлисты" />
+                            <MudToggleItem Value="TrackSearchType.Artist" Class="px-2" Text="Исполнители" />
+                            <MudToggleItem Value="TrackSearchType.MyPlaylists" Class="px-2" Text="Мои плейлисты" />
+                        </MudToggleGroup>
+                    </div>
                 </MudStack>
             </MudCardHeader>