fix: TableStatusFilter alignment

kernelci · Oct 25, 2024 · 77698ad · 77698ad
1 parent fcaa97b
commit 77698ad
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 4 deletions.
diff --git a/dashboard/src/pages/TreeDetails/Tabs/Boots/BootsTable.tsx b/dashboard/src/pages/TreeDetails/Tabs/Boots/BootsTable.tsx
@@ -287,8 +287,14 @@ export function BootsTable({ treeId, testHistory }: IBootsTable): JSX.Element {
 
   return (
     <div className="flex flex-col gap-6 pb-4">
-      <TableStatusFilter filters={filters} onClickTest={onClickFilter} />
-      <PaginationInfo table={table} data={data} intlLabel="treeDetails.boots" />
+      <div className="flex justify-between">
+        <TableStatusFilter filters={filters} onClickTest={onClickFilter} />
+        <PaginationInfo
+          table={table}
+          data={data}
+          intlLabel="treeDetails.boots"
+        />
+      </div>
       <BaseTable headerComponents={tableHeaders}>
         <TableBody>{tableRows}</TableBody>
       </BaseTable>

diff --git a/dashboard/src/pages/TreeDetails/Tabs/Tests/TestsTable.tsx b/dashboard/src/pages/TreeDetails/Tabs/Tests/TestsTable.tsx
@@ -356,8 +356,14 @@ export function TestsTable({ testHistory }: ITestsTable): JSX.Element {
 
   return (
     <div className="flex flex-col gap-6 pb-4">
-      <TableStatusFilter filters={filters} onClickTest={onClickFilter} />
-      <PaginationInfo table={table} data={data} intlLabel="treeDetails.tests" />
+      <div className="flex justify-between">
+        <TableStatusFilter filters={filters} onClickTest={onClickFilter} />
+        <PaginationInfo
+          table={table}
+          data={data}
+          intlLabel="treeDetails.tests"
+        />
+      </div>
       <BaseTable headerComponents={tableHeaders}>
         <TableBody>{...tableRows}</TableBody>
       </BaseTable>