From 5b29968c3176825b917a0c6677a58019d01f21c1 Mon Sep 17 00:00:00 2001
From: Mario Zelger <15825982+mario-zelger@users.noreply.github.com>
Date: Sat, 26 Oct 2024 01:26:28 +0200
Subject: [PATCH] style: vertically align table content to middle

---
 src/pages/calendar/calendar.less       | 8 +++++++-
 src/pages/calendar/components/Task.tsx | 2 +-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/pages/calendar/calendar.less b/src/pages/calendar/calendar.less
index 16a32b2..0e58b67 100644
--- a/src/pages/calendar/calendar.less
+++ b/src/pages/calendar/calendar.less
@@ -37,12 +37,18 @@
         text-align: left;
       }
 
-      tbody tr th {
+      tbody tr td:nth-child(2) {
         font-weight: 600;
       }
+
+      tbody tr td,
+      tbody tr th {
+        vertical-align: middle;
+      }
       
       a {
         font-size: unset;
+        white-space: nowrap;
       }
     }
   }
diff --git a/src/pages/calendar/components/Task.tsx b/src/pages/calendar/components/Task.tsx
index f5b1a9e..a80a2f5 100644
--- a/src/pages/calendar/components/Task.tsx
+++ b/src/pages/calendar/components/Task.tsx
@@ -36,7 +36,7 @@ function Task(props: TaskT) {
 
     return <tr>
         <td align={"center"}>{format(props.deadline, 'dd.MM.yyyy')}</td>
-        <th align={"left"}>{props.title}</th>
+        <td align={"left"}>{props.title}</td>
         <td>{responsible}</td>
         <td>{targets}</td>
         <td align={"center"}>{chapters}</td>