From 1a1bc02bd5de06bd4ccd3b5831c7cc77a7dea069 Mon Sep 17 00:00:00 2001 From: Eduardo Peredo Rivero Date: Thu, 5 Dec 2024 14:38:17 -0500 Subject: [PATCH 1/2] Align the search input with the data table component --- src/webapp/pages/app/App.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/src/webapp/pages/app/App.css b/src/webapp/pages/app/App.css index 72901861..9728ac3e 100644 --- a/src/webapp/pages/app/App.css +++ b/src/webapp/pages/app/App.css @@ -23,3 +23,7 @@ li { tr:has(.MuiAlert-message) { background-color: rgb(255, 238, 238); } + +.MuiToolbar-root > div[data-test="search"] { + padding-inline-start: 0.4em; +} From f9a8c057c9cda14ff0f429b656fc5e49433dbb3c Mon Sep 17 00:00:00 2001 From: Eduardo Peredo Rivero Date: Thu, 5 Dec 2024 14:45:39 -0500 Subject: [PATCH 2/2] use a custom className --- src/webapp/components/dataset-table/DataSetTable.tsx | 1 + src/webapp/pages/app/App.css | 2 +- 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/src/webapp/components/dataset-table/DataSetTable.tsx b/src/webapp/components/dataset-table/DataSetTable.tsx index 30a6fa17..3fb01f21 100644 --- a/src/webapp/components/dataset-table/DataSetTable.tsx +++ b/src/webapp/components/dataset-table/DataSetTable.tsx @@ -94,6 +94,7 @@ export const DataSetTable: React.FC = React.memo(() => { div[data-test="search"] { +.dataset-table div[data-test="search"] { padding-inline-start: 0.4em; }