Améliorations placement boutons

templates/base.html.twig

@@ -21,7 +21,6 @@
 					<div class="nav-item">
 						<h1>{% block titre %}{% endblock %}</h1>
 					</div>
-					
 				</nav>
 			</header>			
 				

templates/footer.html.twig

@@ -1,5 +1,5 @@
 <div class="text-center fixed-bottom bg-white">
-    <span class="text-muted small">Certaines informations sont directement issues de l'API de <a href="https://www.themoviedb.org">TMDB</a> et c'est trop cool !!</span>
+    <span class="text-muted small">Certaines informations sont issues de l'API de <a href="https://www.themoviedb.org">TMDB</a></span>
     <br><span class="text-muted small">Code source disponible sur <a target="_blank" href="https://gogs.fdlibre.eu/sangfroid/films-symfony-4-2">Gogs</a> - Licence <a target="_blank" href="http://www.wtfpl.net">WTFLP</a></span>
 </div>
     

templates/navbar.html.twig

@@ -1,4 +1,4 @@
-<nav class="navbar navbar-expand-md navbar-dark bg-dark fixed-top">
+<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
     <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
     <span class="navbar-toggler-icon"></span>
     </button>

templates/videotheque/_liste_header.html.twig

@@ -0,0 +1,21 @@
+<div class="d-flex flex-wrap">
+    {% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}
+        <p class="me-2"><a class="btn btn-primary" role="button" href="{{ path('videotheque_ajouter') }}"><i class="fa fa-plus-square fa-lg"></i> Ajouter un film</a></p>
+        <p class="me-auto"><a class="btn btn-primary" role="button" href="{{ path('videotheque_ajouter_tmdb') }}"><i class="fa fa-plus-square fa-lg"></i> Ajouter par TMDB</a></p>
+    {% endif %}
+    <p class="">Filtrer par film au dessus de
+    <input class="rating"
+        data-disabled="false"
+        data-show-clear="true"
+        data-show-caption="false"
+        data-theme="krajee-fa"
+        data-toggle="star-filter"
+        data-path="#tableFilms"
+        style="display:none;"
+        min=0
+        max=5
+        data-step=1
+        data-size="sm"
+        value="0">
+    </p>
+</div>

templates/videotheque/liste_tableaux.html.twig

@@ -9,27 +9,9 @@
 {% endblock %}
 
 {% block body %}
-	<div class="d-flex justify-content-between flex-wrap">
-		{% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}
-		<p><a class="btn btn-primary" role="button" href="{{ path('videotheque_ajouter') }}"><i class="fa fa-plus-square fa-lg"></i> Ajouter un film</a></p>
-		<p><a class="btn btn-primary" role="button" href="{{ path('videotheque_ajouter_tmdb') }}"><i class="fa fa-plus-square fa-lg"></i> Ajouter par TMDB</a></p>
-		{% endif %}
-		<p>Filtrer par film au dessus de
-		<input class="rating"
-			data-disabled="false"
-			data-show-clear="true"
-			data-show-caption="false"
-			data-theme="krajee-fa"
-			data-toggle="star-filter"
-			data-path="#tableFilms"
-			style="display:none;"
-			min=0
-			max=5
-			data-step=1
-			data-size="sm"
-			value="0">
-		</p>
-	</div>
+
+	{{ include ('videotheque/_liste_header.html.twig') }}
+
 	<table
 		class="table table-bordered table-hover table-striped table-sm align-middle">
 		<thead class="">

templates/videotheque/liste_vignettes.html.twig

@@ -9,33 +9,8 @@
 {% endblock %}
 
 {% block body %}
-	<div class="d-flex justify-content-between">
-		<div class="d-flex">
-			{% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}
-			<p class="me-3"><a class="btn btn-primary" role="button" href="{{ path('videotheque_ajouter') }}"><i class="fa fa-plus-square fa-lg"></i> Ajouter un film</a></p>
-			<p><a class="btn btn-primary" role="button" href="{{ path('videotheque_ajouter_tmdb') }}"><i class="fa fa-plus-square fa-lg"></i> Ajouter par TMDB</a></p>
-			{% endif %}
-		</div>
-		<div class="">
-			<p>Filtrer par film au dessus de
-			<input class="rating"
-				data-disabled="false"
-				data-language="fr"
-				data-show-clear="true"
-				data-show-caption="false"
-				data-theme="krajee-fa"
-				data-toggle="star-filter"
-				data-path="#tableFilms"
-				style="display:none;"
-				min=0
-				max=5
-				data-step=1
-				data-size="sm"
-				value="0">
-			</p>
-		</div>
-	</div>
 
+	{{ include ('videotheque/_liste_header.html.twig') }}
 
 	<section id="tableFilms">