remove hard coded values for the user-block css style

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);

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>