Fix icons alignment

2024-05-15 18:40:00 +02:00 · 2024-05-15 18:40:00 +02:00 · c6b518d8de
commit c6b518d8de
parent cd7462ffb1
2 changed files with 14 additions and 2 deletions
--- a/geneit_app/src/routes/family/FamilyCouplesListRoute.tsx
+++ b/geneit_app/src/routes/family/FamilyCouplesListRoute.tsx
@ -132,7 +132,13 @@ function CouplesTable(p: {
      sortable: false,
      width: 60,
      renderCell(params) {
-        return <CouplePhoto couple={params.row} />;
+        return (
+          <div
+            style={{ display: "flex", alignItems: "center", height: "100%" }}
+          >
+            <CouplePhoto couple={params.row} />
+          </div>
+        );
      },
    },

--- a/geneit_app/src/routes/family/FamilyMembersListRoute.tsx
+++ b/geneit_app/src/routes/family/FamilyMembersListRoute.tsx
@ -113,7 +113,13 @@ function MembersTable(p: {
      sortable: false,
      width: 60,
      renderCell(params) {
-        return <MemberPhoto member={params.row} />;
+        return (
+          <div
+            style={{ display: "flex", alignItems: "center", height: "100%" }}
+          >
+            <MemberPhoto member={params.row} />
+          </div>
+        );
      },
    },