shadows

assets/styles/app.scss

@@ -1,6 +1,7 @@
 $enable-grid-classes: true;
 $enable-cssgrid: false;
 $yellow: #fde16d;
+$enable-shadows: true;
 
 @import "~bootstrap/scss/bootstrap";
 

templates/videotheque/voirfilm.html.twig

@@ -55,12 +55,12 @@
 {%  block body %}
     <div class="row">
         <div class="col">
-            <div class="card border-info mb-3">
+            <div class="card shadow mb-4">
                 <div class="card-header">
-                    <div class="row">
-                        <h5 class="col-10">Fiche technique</h5>
+                    <div class="d-flex">
+                        <h5 class="">Fiche technique</h5>
                         {% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}
-                            <div class="col-2">
+                            <div class="ms-auto">
                                 <a data-bs-toggle="tooltip" title="Modifier la fiche du film" href="{{ path('videotheque_modifier', {'id': film.id}) }}"><i class="fa fa-edit fa-lg"></i></a>
                                 {% if is_granted('ROLE_ADMIN') %}<a href="{{ path('videotheque_supprimer', {'id': film.id})  }}"><i class="fa fa-trash fa-lg", style="color:Tomato;"></i></a>{% endif %}
 
@@ -114,7 +114,7 @@
                 </div>
             </div>
 
-            <div class="card border-info mb-3">
+            <div class="card shadow mb-4">
                 <div class="card-header">
                         <h5>Informations complémentaires</h5>
                 </div>
@@ -127,8 +127,8 @@
                 </div>
             </div>
         </div>
-        <div class="col-xl">
-            <div class="card border-info mb-3">
+        <div class="col-lg">
+            <div class="card shadow mb-4">
                 <div class="card-header">
                     <h5>Bande Annonce</h5>
                 </div>
@@ -144,7 +144,7 @@
             </div>
         </div>
         <div class="col">
-            <div id="coms" class="card border-info mb-3">
+            <div id="coms" class="card shadow mb-4">
                 <div class="card-header">
                     <h5>Commentaires</h5>
                 </div>