From 549e55440f375db9d29a683e4f032699f35889b8 Mon Sep 17 00:00:00 2001
From: mirage <119869686+ClementBobin@users.noreply.github.com>
Date: Fri, 6 Mar 2026 13:46:26 +0100
Subject: [PATCH] refactor: simplify HTML structure and remove unused CSS
 classes

---
 .../Views/Titre/Details.cshtml                |  7 +++--
 .../Views/Titre/Style.cshtml                  | 15 +++++-----
 Webzine.WebApplication/wwwroot/css/app.css    | 30 -------------------
 3 files changed, 13 insertions(+), 39 deletions(-)

diff --git a/Webzine.WebApplication/Views/Titre/Details.cshtml b/Webzine.WebApplication/Views/Titre/Details.cshtml
index 95619a4..966c743 100644
--- a/Webzine.WebApplication/Views/Titre/Details.cshtml
+++ b/Webzine.WebApplication/Views/Titre/Details.cshtml
@@ -8,7 +8,10 @@
 
     <div class="mb-3">
         <h2>
-            <a asp-area="" asp-controller="" asp-action="" asp-route-style="@Model.Details.ArtisteNom">@Model.Details.ArtisteNom</a>
+            <a asp-area=""
+               asp-controller="Artiste"
+               asp-action="Index"
+               asp-route-nom="@Model.Details.ArtisteNom">@Model.Details.ArtisteNom</a>
             - @Model.Details.Libelle
         </h2>
 
@@ -63,7 +66,7 @@
                     </button>
                 </form>
 
-                <a class="btn text-primary btn-sm">
+                <a asp-area="Administration" asp-controller="Titre" asp-action="Edit" asp-route-id="@Model.Details.IdTitre" class="btn text-primary btn-sm">
                     <i class="fa fa-pen-to-square me-1"></i> Editer
                 </a>
 
diff --git a/Webzine.WebApplication/Views/Titre/Style.cshtml b/Webzine.WebApplication/Views/Titre/Style.cshtml
index c9ea729..e449db1 100644
--- a/Webzine.WebApplication/Views/Titre/Style.cshtml
+++ b/Webzine.WebApplication/Views/Titre/Style.cshtml
@@ -10,7 +10,9 @@
         <!-- COLUMN -->
         <div class="col-md-8">
 
-            <h1 class="mb-4 titre-h1">Titres ayant le style @Model.StyleName</h1>
+            <h1 class="mb-4">Titres ayant le style @Model.StyleName</h1>
+
+            <hr />
 
             @if (!Model.Titres.Any())
             {
@@ -22,22 +24,21 @@
             {
                 @foreach (var titre in Model.Titres)
                 {
-                    <div class="titre-item d-flex align-items-start">
+                    <div class="d-flex align-items-start my-3">
 
                         <!-- Image -->
                         <div class="me-3">
-                            <img src="@titre.UrlJaquette" alt="@titre.Libelle" />
+                            <img src="@titre.UrlJaquette" alt="@titre.Libelle"  width="70px" height="70px" class="object-fit-cover" />
                         </div>
 
                         <!-- Infos -->
-                        <div>
+                        <div class="justify-content-center d-flex flex-column">
                             <a asp-action="Details"
-                               asp-route-id="@titre.IdTitre"
-                               class="titre-link">
+                               asp-route-id="@titre.IdTitre">
                                 @titre.ArtisteNom - @titre.Libelle
                             </a>
 
-                            <div class="titre-duree">
+                            <div>
                                 Durée : @TimeSpan.FromSeconds(titre.Duree).ToString(@"mm\:ss")
                             </div>
                         </div>
diff --git a/Webzine.WebApplication/wwwroot/css/app.css b/Webzine.WebApplication/wwwroot/css/app.css
index 60027f0..3ca026d 100644
--- a/Webzine.WebApplication/wwwroot/css/app.css
+++ b/Webzine.WebApplication/wwwroot/css/app.css
@@ -1,33 +1,3 @@
 a {
     text-decoration: none !important;
-}
-
-.titre-h1 {
-    padding: 15px 0;
-    border-bottom: 1px solid #ddd;
-}
-
-.titre-item {
-    padding: 8px 0;
-}
-
-.titre-item img {
-    width: 70px;
-    height: 70px;
-    object-fit: cover;
-}
-
-.titre-link {
-    font-size: 1.1rem;
-    color: #0d6efd;
-    text-decoration: none;
-}
-
-.titre-link:hover {
-    text-decoration: underline;
-}
-
-.titre-duree {
-    font-size: 0.9rem;
-    color: #666;
 }
\ No newline at end of file