fix(gluwave): Table padding #178

Kalhama · Oct 10, 2024 · e6a90a3 · e6a90a3
1 parent 8640168
commit e6a90a3
Show file tree

Hide file tree

Showing 2 changed files with 41 additions and 43 deletions.
diff --git a/gluwave/src/app/(app-menu)/glucose/list/glucose-list.tsx b/gluwave/src/app/(app-menu)/glucose/list/glucose-list.tsx
@@ -54,50 +54,48 @@ export const GlucoseList = ({ start, end }: Props) => {
   }
 
   return (
-    <>
+    <div className="p-2">
       <div className="space-y-4 border bg-white max-w-5xl mx-auto rounded-md shadow p-2 mt-4">
-        <div>
-          <Table>
-            <TableHeader>
+        <Table>
+          <TableHeader>
+            <TableRow>
+              <TableHead>Timestamp</TableHead>
+              <TableHead>Amount</TableHead>
+              <TableHead className="text-right"></TableHead>
+            </TableRow>
+          </TableHeader>
+          <TableBody>
+            {g.data.map((g) => (
+              <TableRow key={g.id}>
+                <TableCell className="font-medium">
+                  <ClientDateTime timestamp={g.timestamp} />
+                </TableCell>
+                <TableCell>{g.value} mmol/l</TableCell>
+                <TableCell className="text-right flex justify-end">
+                  <GlucoseDialog
+                    glucose={{
+                      ...g,
+                      glucose: g.value,
+                    }}
+                  >
+                    <Button variant="ghost" className="p-2">
+                      <Pencil className="cursor-pointer w-4 h-4" />
+                    </Button>
+                  </GlucoseDialog>
+                  <GlucoseDeleteDialog id={g.id} />
+                </TableCell>
+              </TableRow>
+            ))}
+            {g.data.length === 0 && (
               <TableRow>
-                <TableHead>Timestamp</TableHead>
-                <TableHead>Amount</TableHead>
-                <TableHead className="text-right"></TableHead>
+                <TableCell colSpan={3} className="text-slate-400">
+                  No entries
+                </TableCell>
               </TableRow>
-            </TableHeader>
-            <TableBody>
-              {g.data.map((g) => (
-                <TableRow key={g.id}>
-                  <TableCell className="font-medium">
-                    <ClientDateTime timestamp={g.timestamp} />
-                  </TableCell>
-                  <TableCell>{g.value} mmol/l</TableCell>
-                  <TableCell className="text-right flex justify-end">
-                    <GlucoseDialog
-                      glucose={{
-                        ...g,
-                        glucose: g.value,
-                      }}
-                    >
-                      <Button variant="ghost" className="p-2">
-                        <Pencil className="cursor-pointer w-4 h-4" />
-                      </Button>
-                    </GlucoseDialog>
-                    <GlucoseDeleteDialog id={g.id} />
-                  </TableCell>
-                </TableRow>
-              ))}
-              {g.data.length === 0 && (
-                <TableRow>
-                  <TableCell colSpan={3} className="text-slate-400">
-                    No entries
-                  </TableCell>
-                </TableRow>
-              )}
-            </TableBody>
-          </Table>
-        </div>
+            )}
+          </TableBody>
+        </Table>
       </div>
-    </>
+    </div>
   )
 }
diff --git a/gluwave/src/app/(app-menu)/insulin/list/insulin-list.tsx b/gluwave/src/app/(app-menu)/insulin/list/insulin-list.tsx
@@ -55,8 +55,8 @@ export function InsulinList({ start, end }: Props) {
   }
 
   return (
-    <div className="space-y-4 border bg-white max-w-5xl mx-auto rounded-md shadow p-2 mt-4">
-      <div>
+    <div className="p-2">
+      <div className="space-y-4 border bg-white max-w-5xl mx-auto rounded-md shadow p-2 mt-4">
         <Table>
           <TableHeader>
             <TableRow>