Page accueil: Affichage du bloc quête jounralière et succès même sur petit écran

public/assets/css/app.css

@@ -655,8 +655,16 @@ ul.navbar-nav.flex-row > .nav-item {
     }
 }
 
+.mt-md-6 {
+    margin-top: 4rem;
+}
+
 @media only screen and (max-width: 767px) {
 
+    .mt-md-6 {
+        margin-top: .0;
+    }
+
     .text-grey {
         color: #004bf2;
     }

public/assets/css/enzo.css

@@ -14,6 +14,7 @@
     padding: 20px;
     background-color: #f2f3f4;
     border-radius: 10px;
+    border: solid grey 1px;
 }
 
 .dashboard-container {

templates/home.html.twig

@@ -107,7 +107,7 @@
                         </div>
                     </div>
                 </div>
-                <div id="successes-section" class="col text-center d-none d-lg-block">
+                <div id="successes-section" class="col text-center">
                     {# Placeholder for the Successes section, it will be filled with AJAX content #}
                 </div>
             </div>

templates/successes.html.twig

 {# successes.html.twig #}
 
-<div class="game-panel">
+<div class="game-panel mb-3 mt-md-6">
     {% if success_manager.hasCompletedQuest(app.user) %}
         <div class="heroic-font">
             <div class="quest-alert">