From c35b2f8674202a067400d74ff91646bd3988c1cf Mon Sep 17 00:00:00 2001
From: Inga Kirschnick <inga.kirschnick@uni-bielefeld.de>
Date: Wed, 14 Jun 2023 10:28:05 +0200
Subject: [PATCH] Sidenav User Field height fix

---
 app/templates/_sidenav.html.j2 | 25 +++++++++++++++++++------
 1 file changed, 19 insertions(+), 6 deletions(-)

diff --git a/app/templates/_sidenav.html.j2 b/app/templates/_sidenav.html.j2
index f9549d43..06fc0b97 100644
--- a/app/templates/_sidenav.html.j2
+++ b/app/templates/_sidenav.html.j2
@@ -1,16 +1,29 @@
 <ul class="sidenav sidenav-fixed" id="sidenav">
   <li>
-    <div class="user-view" style="padding-top: 3px;">
+    <div class="user-view" style="padding-top: 1px; padding-left: 20px !important; padding-right: 20px !important; height: 112px;">
       <div class="background primary-color"></div>
       <div class="row">
-        {# <div class="col s4">
+        {# <div class="col s5">
           <a href="{{ url_for('users.user', user_id=current_user.id) }}">
-            <img src="{{ url_for('users.user_avatar', user_id=current_user.id) }}" alt="user-image" class="circle responsive-img"  style="height:80%; margin-top: 13px; margin-left:-15px;">
+            <img src="{{ url_for('users.user_avatar', user_id=current_user.id) }}" alt="user-image" class="circle responsive-img"  style="height:80%; margin-top: 22px;">
           </a>
         </div> #}
-        <div class="col s12">
-          <span class="white-text name">{{ current_user.username }}</span>
-          <span class="white-text email">{{ current_user.email }}</span>
+        {# Change col s12 to col s5 to show user image #}
+        <div class="col s12" style="word-wrap: break-word; margin-left:-10px;">
+          <span class="white-text name">
+          {% if current_user.username|length > 18 %}
+            {{ current_user.username[:15] + '...' }}
+          {% else %}
+            {{ current_user.username }}
+          {% endif %}
+          </span>
+          <span class="white-text email" style="padding-top:5px;">
+          {% if current_user.email|length > 32 %}
+            {{ current_user.email[:29] + '...' }}
+          {% else %}
+            {{ current_user.email }}
+          {% endif %}
+          </span>
         </div>
       </div>
     </div>