fix(BETA-218): fix hover style for last cell in routes table

dhis2 · Feb 12, 2025 · 157bc56 · 157bc56
1 parent e3513ae
commit 157bc56
Showing 1 changed file with 35 additions and 32 deletions.
diff --git a/src/components/route-list/RoutesTable.tsx b/src/components/route-list/RoutesTable.tsx
@@ -94,38 +94,41 @@ const RoutesTable: React.FC<RoutesTableProps> = ({
                                     })}
                                 </ul>
                             </DataTableCell>
-                            <DataTableCell
-                                align="right"
-                                className={styles.routeActionsCell}
-                            >
-                                <Switch
-                                    onChange={({ checked: enabled }) =>
-                                        toggleRoute(route, !enabled)
-                                    }
-                                    checked={!route.disabled}
-                                    label={
-                                        route.disabled
-                                            ? i18n.t('Enable route')
-                                            : i18n.t('Disable route')
-                                    }
-                                />
-                                <Button
-                                    icon={<IconLaunch16 />}
-                                    disabled={route.disabled}
-                                    small
-                                    onClick={() => showTestRouteModal(route)}
-                                >
-                                    {i18n.t('Test route')}
-                                </Button>{' '}
-                                <RouteActions
-                                    showSharingDialog={() =>
-                                        showSharingDialog(route)
-                                    }
-                                    showEditRouteModal={() =>
-                                        showEditRouteModal(route)
-                                    }
-                                    deleteRoute={() => deleteRoute(route.id)}
-                                />
+                            <DataTableCell align="right">
+                                <div className={styles.routeActionsCell}>
+                                    <Switch
+                                        onChange={({ checked: enabled }) =>
+                                            toggleRoute(route, !enabled)
+                                        }
+                                        checked={!route.disabled}
+                                        label={
+                                            route.disabled
+                                                ? i18n.t('Enable route')
+                                                : i18n.t('Disable route')
+                                        }
+                                    />
+                                    <Button
+                                        icon={<IconLaunch16 />}
+                                        disabled={route.disabled}
+                                        small
+                                        onClick={() =>
+                                            showTestRouteModal(route)
+                                        }
+                                    >
+                                        {i18n.t('Test route')}
+                                    </Button>{' '}
+                                    <RouteActions
+                                        showSharingDialog={() =>
+                                            showSharingDialog(route)
+                                        }
+                                        showEditRouteModal={() =>
+                                            showEditRouteModal(route)
+                                        }
+                                        deleteRoute={() =>
+                                            deleteRoute(route.id)
+                                        }
+                                    />
+                                </div>
                             </DataTableCell>
                         </DataTableRow>
                     )