style: vertically align table content to middle

Author: mario-zelger

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

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>