From d31605da9fc00bf756d90855134f35dd4eff4251 Mon Sep 17 00:00:00 2001
From: 4gray <serega05@gmail.com>
Date: Mon, 12 Jan 2026 00:46:20 +0100
Subject: [PATCH] style(stalker-search): move details view out of search page

---
 .../stalker-search.component.html             | 61 ++++++++-----------
 .../stalker-search.component.ts               |  5 +-
 2 files changed, 28 insertions(+), 38 deletions(-)

diff --git a/apps/web/src/app/stalker/stalker-search/stalker-search.component.html b/apps/web/src/app/stalker/stalker-search/stalker-search.component.html
index 56701404a..e9a606599 100644
--- a/apps/web/src/app/stalker/stalker-search/stalker-search.component.html
+++ b/apps/web/src/app/stalker/stalker-search/stalker-search.component.html
@@ -1,38 +1,31 @@
-<div class="search-page">
-    <div class="header">
-        <h2>{{ 'PORTALS.SIDEBAR.SEARCH' | translate }}</h2>
-    </div>
-
-    @if (itemDetails) {
-        <button
-            mat-button
-            (click)="itemDetails = null"
-            [attr.aria-label]="'SETTINGS.BACK_TO_HOME' | translate"
-            class="back-button"
-        >
-            <mat-icon>arrow_back</mat-icon>
-            {{ 'SETTINGS.BACK_TO_HOME' | translate }}
-        </button>
-        @switch (selectedFilterType()) {
-            @case ('vod') {
-                <app-vod-details
-                    [item]="itemDetails"
-                    (playClicked)="
-                        createLinkToPlayVodItv(
-                            itemDetails.cmd,
-                            itemDetails.info.name,
-                            itemDetails.info.movie_image
-                        )
-                    "
-                    (addToFavoritesClicked)="addToFavorites($event)"
-                    (removeFromFavoritesClicked)="removeFromFavorites($any($event))"
-                />
-            }
-            @case ('series') {
-                <app-stalker-series-view />
-            }
+@if (itemDetails) {
+    @switch (selectedFilterType()) {
+        @case ('vod') {
+            <app-vod-details
+                [item]="itemDetails"
+                (playClicked)="
+                    createLinkToPlayVodItv(
+                        itemDetails.cmd,
+                        itemDetails.info.name,
+                        itemDetails.info.movie_image
+                    )
+                "
+                (addToFavoritesClicked)="addToFavorites($event)"
+                (removeFromFavoritesClicked)="removeFromFavorites($any($event))"
+                (backClicked)="itemDetails = null"
+            />
         }
-    } @else {
+        @case ('series') {
+            <app-stalker-series-view (backClicked)="itemDetails = null" />
+        }
+    }
+}
+
+<div class="search-page">
+    @if (!itemDetails) {
+        <div class="header">
+            <h2>{{ 'PORTALS.SIDEBAR.SEARCH' | translate }}</h2>
+        </div>
         <app-search-form
             [singleSelection]="true"
             [(searchTerm)]="searchTerm"
diff --git a/apps/web/src/app/stalker/stalker-search/stalker-search.component.ts b/apps/web/src/app/stalker/stalker-search/stalker-search.component.ts
index db4760cb6..12b2a6edb 100644
--- a/apps/web/src/app/stalker/stalker-search/stalker-search.component.ts
+++ b/apps/web/src/app/stalker/stalker-search/stalker-search.component.ts
@@ -38,15 +38,12 @@ import { StalkerStore } from '../stalker.store';
     templateUrl: './stalker-search.component.html',
     styles: `
         :host {
-            display: flex;
-            flex-direction: column;
-            overflow-y: auto;
-            height: 100%;
             width: 100%;
         }
 
         .search-page {
             padding: 20px;
+            width: 100%;
         }
 
         .results-grid {