From bfcf2b69302106714a011f3b0d1fcf9d71231c57 Mon Sep 17 00:00:00 2001
From: Florian Heinz <mail@hnz.io>
Date: Mon, 13 Apr 2026 10:23:58 +0200
Subject: [PATCH] fix: tighten calendar card layout

---
 app/static/css/style.css          | 29 ++++++++++++++++++++++++++++-
 app/templates/tasks/calendar.html | 13 ++++++++++---
 2 files changed, 38 insertions(+), 4 deletions(-)

diff --git a/app/static/css/style.css b/app/static/css/style.css
index cc41377..af88f5b 100644
--- a/app/static/css/style.css
+++ b/app/static/css/style.css
@@ -644,6 +644,7 @@ p {
 .calendar-day {
   min-height: 132px;
   padding: 14px;
+  overflow: hidden;
 }
 
 .calendar-day strong {
@@ -658,14 +659,40 @@ p {
 .calendar-day__tasks {
   display: grid;
   gap: 8px;
+  min-width: 0;
 }
 
 .calendar-task {
   display: grid;
   gap: 4px;
-  padding: 10px 12px;
+  min-width: 0;
+  padding: 9px 10px;
   border-radius: 14px;
   background: rgba(255, 255, 255, 0.72);
+  overflow: hidden;
+}
+
+.calendar-task__title {
+  display: -webkit-box;
+  overflow: hidden;
+  min-width: 0;
+  font-size: 0.96rem;
+  line-height: 1.15;
+  font-weight: 600;
+  color: var(--text);
+  word-break: break-word;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+}
+
+.calendar-task__person {
+  display: block;
+  overflow: hidden;
+  min-width: 0;
+  font-size: 0.74rem;
+  line-height: 1.2;
+  white-space: nowrap;
+  text-overflow: ellipsis;
 }
 
 .calendar-task--open {
diff --git a/app/templates/tasks/calendar.html b/app/templates/tasks/calendar.html
index e58abf5..dd3a49f 100644
--- a/app/templates/tasks/calendar.html
+++ b/app/templates/tasks/calendar.html
@@ -33,8 +33,16 @@
               <div class="calendar-day__tasks">
                 {% for task in tasks_by_day.get(day, []) %}
                   <a href="{{ url_for('tasks.edit', task_id=task.id) }}" class="calendar-task calendar-task--{{ task.status }}">
-                    <span>{{ task.title }}</span>
-                    <small>{{ task.points_awarded }} P</small>
+                    <strong class="calendar-task__title">{{ task.title }}</strong>
+                    <small class="calendar-task__person">
+                      {% if task.completed_by_user %}
+                        Erledigt: {{ task.completed_by_user.name }}
+                      {% elif task.assigned_user %}
+                        Zuständig: {{ task.assigned_user.name }}
+                      {% else %}
+                        Ohne Zuweisung
+                      {% endif %}
+                    </small>
                   </a>
                 {% endfor %}
               </div>
@@ -63,4 +71,3 @@
     </section>
   {% endif %}
 {% endblock %}
-