diff --git a/public/assets/css/app.css b/public/assets/css/app.css index 9b1170f1fb8100c8966041c645a921be94f084ee..e4ffc15e8f053a5cec8597c644473d969352b648 100755 --- a/public/assets/css/app.css +++ b/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; } diff --git a/public/assets/css/enzo.css b/public/assets/css/enzo.css index e5494b31ba5e35ced88c79d8e54326737ade1f3f..51982fe818e01ac1485aa868fb2d9ad9f2934183 100755 --- a/public/assets/css/enzo.css +++ b/public/assets/css/enzo.css @@ -14,6 +14,7 @@ padding: 20px; background-color: #f2f3f4; border-radius: 10px; + border: solid grey 1px; } .dashboard-container { diff --git a/templates/home.html.twig b/templates/home.html.twig index 12c83fd39465b5834dfa445a72f1f1e83b25e9cb..f7a7d32590f1a71206021c2b646ebf8ae74e7ed3 100644 --- a/templates/home.html.twig +++ b/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> diff --git a/templates/successes.html.twig b/templates/successes.html.twig index 66adcd648ef4d0e3f82860cb8da263e20b3f3b96..be2e5ad8d1b145e56122000fd88e1a799c84e196 100644 --- a/templates/successes.html.twig +++ b/templates/successes.html.twig @@ -1,6 +1,6 @@ {# 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">