added a way to do cell styling in the responsive tables

src/common/ResponsiveTable.tsx

@@ -450,7 +450,7 @@ export default function ResponsiveTable<T extends Object>(props: Props<T>) {
                       columns.map((column, j) => {
                         if (filterList.includes(column.title)) return null
                         if (column.render) return (
-                          <TableCell key={"row-"+index+"cell-"+j} sx={{ padding: 0}} >
+                          <TableCell key={"row-"+index+"cell-"+j} sx={column.cellStyle ? column.cellStyle : {padding: 0}}>
                             {column.render(row)}
                           </TableCell>
                         )

src/pages/DeviceComponent.tsx

@@ -1,4 +1,4 @@
-import { Box, Grid2 as Grid, Skeleton, Theme, Tooltip } from "@mui/material";
+import { Box, Grid2 as Grid, Skeleton, Theme, Tooltip, Typography } from "@mui/material";
 import { makeStyles } from "@mui/styles";
 import { NextMeasurementChip } from "common/NextMeasurementChip";
 import ResponsiveTable, { Column } from "common/ResponsiveTable";
@@ -465,16 +465,20 @@ export default function DeviceComponent() {
     return [
       {
         title: "Timestamp",
+        cellStyle: {width: "50%"},
         render: row => {
           return (
             <Tooltip title={moment(row.timestamp).calendar()}>
-              <span>{moment(row.timestamp).fromNow()}</span>
+              <Box>
+                <Typography>{moment(row.timestamp).fromNow()}</Typography>
+              </Box>
             </Tooltip>
           )
         }
       },
       {
         title: "Measurement",
+        cellStyle: {width: "50%"},
         render: row => {
           return (
             <UnitMeasurementSummary