From bfbcb5b49d90c16686ce342f8f5674f335e6aec4 Mon Sep 17 00:00:00 2001
From: Bruno Charest <bruno.charest@gmail.com>
Date: Thu, 1 Oct 2026 20:46:32 -0400
Subject: [PATCH] fix(themes): espace sous la barre [Filtres] [Tri] avant la
 grille
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

La barre partagée avait perdu la marge basse des blocs qu'elle a remplacés :
sur /p/:provider/t/:theme la 1re carte collait aux boutons (0 px, l'ancien
panneau portait mb-8), et /t/:theme ne gardait que mt-6.

- les deux pages thèmes enveloppent la barre dans un div mb-8 ;
- /t/:theme : le conteneur de sections perd son mt-6 (compensé par mb-8),
  plus aucun double espace.

Mesuré au navigateur (Playwright, desktop 1280 + mobile 390) : 32 px sous
la barre sur /p/:…, 74 px jusqu'à la 1re carte sur /t/:…, build ng OK,
test:search vert. Instance locale 4200 rebuildée.
---
 src/components/themes/provider-theme-page.component.html | 2 ++
 src/components/themes/theme-page.component.html          | 4 +++-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/themes/provider-theme-page.component.html b/src/components/themes/provider-theme-page.component.html
index 08469fe..5f502eb 100644
--- a/src/components/themes/provider-theme-page.component.html
+++ b/src/components/themes/provider-theme-page.component.html
@@ -65,6 +65,7 @@
     </div>
   </div>
   <!-- Filtres + tri : EXACTEMENT la même barre que la page de recherche. -->
+  <div class="mb-8">
   <app-filter-toolbar
     [filters]="filters()"
     [language]="language()"
@@ -73,6 +74,7 @@
     (filterChange)="onToolbarFilter($event)"
     (languageChange)="language.set($event)"
     (clearAll)="clearFilters()"></app-filter-toolbar>
+  </div>
 
   <!-- Video Grid -->
   <div *ngIf="loading() && videos().length === 0" class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-6">
diff --git a/src/components/themes/theme-page.component.html b/src/components/themes/theme-page.component.html
index 0d9a9c2..9be9b9f 100644
--- a/src/components/themes/theme-page.component.html
+++ b/src/components/themes/theme-page.component.html
@@ -4,6 +4,7 @@
   </h2>
 
   <!-- Filtres + tri : EXACTEMENT la même barre que la page de recherche. -->
+  <div class="mb-8">
   <app-filter-toolbar
     [filters]="filters()"
     [language]="language()"
@@ -15,8 +16,9 @@
     (languageChange)="language.set($event)"
     (clearAll)="clearFilters()"
     (sourceChange)="onSourceChange($event)"></app-filter-toolbar>
+  </div>
 
-  <div class="mt-6 space-y-10">
+  <div class="space-y-10">
     <section *ngFor="let b of visibleBlocks()">
       <div class="flex items-center justify-between mb-3">
         <h3 class="text-xl font-semibold">{{ b.label }}</h3>