Right-align bulk action buttons on discovery tables (#5181)

ethyca · Aug 12, 2024 · 8ba125c · 8ba125c
1 parent fdbbc4a
commit 8ba125c
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 12 deletions.
diff --git a/...s/admin-ui/src/features/data-discovery-and-detection/tables/DiscoveryFieldBulkActions.tsx b/...s/admin-ui/src/features/data-discovery-and-detection/tables/DiscoveryFieldBulkActions.tsx
@@ -35,7 +35,6 @@ const DiscoveryFieldBulkActions = ({
       direction="row"
       align="center"
       justify="center"
-      w="full"
       data-testid="bulk-actions-menu"
     >
       <ButtonGroup>

diff --git a/clients/admin-ui/src/features/data-discovery-and-detection/tables/DiscoveryResultTable.tsx b/clients/admin-ui/src/features/data-discovery-and-detection/tables/DiscoveryResultTable.tsx
@@ -163,17 +163,13 @@ const DiscoveryResultTable = ({ resourceUrn }: MonitorResultTableProps) => {
             <SearchInput value={searchQuery} onChange={setSearchQuery} />
           </Box>
           <IconLegendTooltip />
-          {!!selectedUrns.length && (
-            <Flex align="center">
-              {resourceType === StagedResourceType.TABLE && (
-                <DiscoveryTableBulkActions selectedUrns={selectedUrns} />
-              )}
-            </Flex>
-          )}
-          {resourceType === StagedResourceType.FIELD && (
-            <DiscoveryFieldBulkActions resourceUrn={resourceUrn!} />
-          )}
         </Flex>
+        {resourceType === StagedResourceType.TABLE && !!selectedUrns.length && (
+          <DiscoveryTableBulkActions selectedUrns={selectedUrns} />
+        )}
+        {resourceType === StagedResourceType.FIELD && (
+          <DiscoveryFieldBulkActions resourceUrn={resourceUrn!} />
+        )}
       </TableActionBar>
       <FidesTableV2
         tableInstance={tableInstance}

diff --git a/...s/admin-ui/src/features/data-discovery-and-detection/tables/DiscoveryTableBulkActions.tsx b/...s/admin-ui/src/features/data-discovery-and-detection/tables/DiscoveryTableBulkActions.tsx
@@ -39,7 +39,6 @@ const DiscoveryTableBulkActions = ({
       direction="row"
       align="center"
       justify="center"
-      w="full"
       data-testid="bulk-actions-menu"
     >
       <Text