diff --git a/assets/styles/app.scss b/assets/styles/app.scss index 764d94d9a4e76b0fc06b03a39b21b2c672dc5c43..bf50caebfbee10ae68a69e7d1c59087a3f1b9b9f 100644 --- a/assets/styles/app.scss +++ b/assets/styles/app.scss @@ -64,19 +64,11 @@ button[type=submit]{ } #user-block { - position: absolute; - right: 0; text-align: right; - font-weight: 300; color: rgba(255,255,255,.5); font-size: 14px; } -#user-block-nom { - text-transform: capitalize; - font-weight: 500; -} - .capsule-item { background: linear-gradient(to bottom left, rgba(73, 173, 154, .0), rgba(73, 173, 154, .5)); box-shadow: 0 0 10px rgba(0,0,0,.5); diff --git a/templates/layout.html.twig b/templates/layout.html.twig index a202620327414838f6dfb1fedc728a540a0221c8..8e30682c4d95473dfb2205073a2ec8de977d18fd 100644 --- a/templates/layout.html.twig +++ b/templates/layout.html.twig @@ -25,11 +25,9 @@ </a> {% if is_granted("IS_AUTHENTICATED_REMEMBERED") %} - <div id="user-block" class="d-flex flex-column"> - <div id="user-block-nom">{{ app.user.firstName }} {{ app.user.lastName }}</div> - <a href="{{ path('show_profile') }}" class="text-decoration-none fs-5"> - {{ 'user.profile.title'|trans }} - </a> + <div id="user-block" class="d-flex flex-column position-absolute end-0 align-content-end text-end fw-light"> + <div class="fw-bold text-capitalize">{{ app.user.firstName }} {{ app.user.lastName }}</div> + <a href="{{ path('show_profile') }}" class="text-decoration-none fs-5">My profile</a> <a href="{{ path('edit_user_groups') }}" class="text-decoration-none fs-5"> {{ 'groups.general.title'|trans }} </a>