From 2733c92da5d6d909850881c4721e9552a8458fdd Mon Sep 17 00:00:00 2001
From: Herculino Trotta <netotrotta@gmail.com>
Date: Fri, 22 Aug 2025 13:14:47 -0300
Subject: [PATCH] style(sidebar): truncate e-mail if it's too long

---
 app/templates/includes/sidebar.html | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/app/templates/includes/sidebar.html b/app/templates/includes/sidebar.html
index 29c57ad..1e7bd9f 100644
--- a/app/templates/includes/sidebar.html
+++ b/app/templates/includes/sidebar.html
@@ -273,14 +273,20 @@
     <div>
       <hr class="my-1">
       <div
-          class="ps-4 pe-2 py-2 d-flex align-items-center text-body-secondary text-decoration-none justify-content-between tw:text-wrap tw:lg:text-nowrap">
-        <div>
-          <i class="fa-solid fa-circle-user"></i>
-          <strong class="ms-2 tw:lg:invisible tw:lg:group-hover:visible">{{ user.email }}</strong>
+          class="ps-4 pe-2 py-2 d-flex align-items-center text-decoration-none justify-content-between">
+
+        <div class="d-flex align-items-center" style="min-width: 0;">
+          <i class="fa-solid fa-circle-user text-body-secondary"></i>
+
+          <strong class="ms-2 text-body-secondary text-truncate tw:lg:invisible tw:lg:group-hover:visible">
+            {{ user.email }}
+          </strong>
         </div>
+
         <div class="tw:lg:invisible tw:lg:group-hover:visible">
           {% include 'includes/navbar/user_menu.html' %}
         </div>
+
       </div>
     </div>
   </nav>