style: vertically align table content to middle

scout-ch · Oct 25, 2024 · 5b29968 · 5b29968
1 parent 7c0daac
commit 5b29968
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git 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
@@ -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>