Titre du film + vue + bookmark

templates/videotheque/liste.html.twig

@@ -36,48 +36,51 @@
 		
 		{% for film in listeFilms %}
 		<article class="card border-primary mb-4" data-auteur="{{ film.authered.nomComplet }}">
-			<div class="card-header d-flex">
-				{% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}
-					<div class="me-3">
-						{%  if app.user.wantToSee(film) %}
-							{% set follow_icone = "fa fa-bookmark fa-lg" %}
-							{% set follow_texte = "Supprimer ce film de votre liste à voir" %}
-						{% else %}
-							{% set follow_icone = "fa fa-bookmark-o text-secondary fa-lg" %}
-							{% set follow_texte = "Ajouter ce film à votre liste à voir" %}
-						{% endif %}
-						<button		class="btn text-primary"
-									data-fonction="switch"
-									data-icone-actif="fa fa-bookmark fa-lg"
-									data-icone-inactif="fa fa-bookmark-o text-secondary fa-lg"
-									data-path="{{ path('maliste_modifier_a_voir') }}"
-									data-bs-toggle="tooltip"
-									title="{{ follow_texte }}"
-									data-content="{{ film.id }}">
-							<i class="{{ follow_icone }}"></i>
-						</button>
-					</div>
-					<div class="">
-						{%  if app.user.haveSeen(film) %}
-							{% set vu_icone = '<i class="fa fa-eye fa-lg text-success"></i>' %}
-						{% else %}
-							{% set vu_icone = '<i class="fa fa-eye-slash fa-lg text-secondary"></i>' %}
-						{% endif %}				
-						<button     class="btn"
-									data-fonction="switch"
-									data-path="{{ path('maliste_modifier_vus') }}"
-									data-content="{{ film.id }}"
-									data-icone-actif = "fa fa-eye fa-lg text-success"
-									data-icone-inactif = "fa fa-eye-slash fa-lg text-secondary">
-							{{ vu_icone | raw }}
-						</button>
-					</div>
-				{% endif %}
-			</div>
-			<div class="card-body">
+			<div class="card-header d-flex justify-content-between">
 				<h3 class="card-title"><a class="" href="{{ path('videotheque_voirfilm', {'id': film.id}) }}"><span data-bs-toggle="tooltip" data-placement="right" title="{{ film.information }}">{{ film.titre }}</span></a>
-				{% if film.new %}<span class="badge bg-success">New</span>{% endif %}
+					{% if film.new %}<span class="badge bg-success">New</span>{% endif %}
 				</h3>
+				<div class="d-flex">
+					{% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}
+						<div class="me-3">
+							{%  if app.user.haveSeen(film) %}
+								{% set vu_icone = '<i class="fa fa-eye fa-lg text-success"></i>' %}
+							{% else %}
+								{% set vu_icone = '<i class="fa fa-eye-slash fa-lg text-secondary"></i>' %}
+							{% endif %}				
+							<button     class="btn"
+										data-fonction="switch"
+										data-path="{{ path('maliste_modifier_vus') }}"
+										data-content="{{ film.id }}"
+										data-icone-actif = "fa fa-eye fa-lg text-success"
+										data-icone-inactif = "fa fa-eye-slash fa-lg text-secondary">
+								{{ vu_icone | raw }}
+							</button>
+						</div>
+						<div class="">
+							{%  if app.user.wantToSee(film) %}
+								{% set follow_icone = "fa fa-bookmark fa-lg" %}
+								{% set follow_texte = "Supprimer ce film de votre liste à voir" %}
+							{% else %}
+								{% set follow_icone = "fa fa-bookmark-o text-secondary fa-lg" %}
+								{% set follow_texte = "Ajouter ce film à votre liste à voir" %}
+							{% endif %}
+							<button		class="btn text-primary"
+										data-fonction="switch"
+										data-icone-actif="fa fa-bookmark fa-lg"
+										data-icone-inactif="fa fa-bookmark-o text-secondary fa-lg"
+										data-path="{{ path('maliste_modifier_a_voir') }}"
+										data-bs-toggle="tooltip"
+										title="{{ follow_texte }}"
+										data-content="{{ film.id }}">
+								<i class="{{ follow_icone }}"></i>
+							</button>
+						</div>
+					{% endif %}
+				</div>
+			</div>
+			<div class="card-body">
+				
 				<div class="d-flex">
 					<div class="me-3">
 						<input class="rating"