diff --git a/specifyweb/frontend/js_src/lib/components/Atoms/DataEntry.tsx b/specifyweb/frontend/js_src/lib/components/Atoms/DataEntry.tsx index dec9e514efd..1b8db504a00 100644 --- a/specifyweb/frontend/js_src/lib/components/Atoms/DataEntry.tsx +++ b/specifyweb/frontend/js_src/lib/components/Atoms/DataEntry.tsx @@ -65,7 +65,7 @@ export const DataEntry = { >( 'DataEntry.Grid', 'div', - `items-center p-1 -ml-1 gap-2`, + `items-center p-1 gap-2`, ({ viewDefinition, display, @@ -138,7 +138,7 @@ export const DataEntry = { SubFormHeader: wrap( 'DataEntry.SubFormHeader', 'legend', - 'gap-2 flex font-bold border-b border-gray-500 pt-5 pb-1 items-center', + 'gap-2 flex font-bold border-b border-gray-500 pt-3 pb-1 items-center', ({ children, ...props }) => ({ // A hack for Safari. See https://github.com/specify/specify7/issues/1535 children:
{children}
, diff --git a/specifyweb/frontend/js_src/lib/components/Atoms/__tests__/__snapshots__/DataEntry.test.ts.snap b/specifyweb/frontend/js_src/lib/components/Atoms/__tests__/__snapshots__/DataEntry.test.ts.snap index 3c892b69f24..51fd74180ec 100644 --- a/specifyweb/frontend/js_src/lib/components/Atoms/__tests__/__snapshots__/DataEntry.test.ts.snap +++ b/specifyweb/frontend/js_src/lib/components/Atoms/__tests__/__snapshots__/DataEntry.test.ts.snap @@ -199,7 +199,7 @@ exports[`DataEntry.Footer renders without errors 1`] = ` exports[`DataEntry.Grid renders without errors 1`] = `
Test @@ -231,7 +231,7 @@ exports[`DataEntry.SubFormHeader renders without errors 1`] = `
Test
diff --git a/specifyweb/frontend/js_src/lib/components/FormCells/FormTable.tsx b/specifyweb/frontend/js_src/lib/components/FormCells/FormTable.tsx index c5b7ef3b95a..940be5f197a 100644 --- a/specifyweb/frontend/js_src/lib/components/FormCells/FormTable.tsx +++ b/specifyweb/frontend/js_src/lib/components/FormCells/FormTable.tsx @@ -237,7 +237,11 @@ export function FormTable({

{formsText.noData()}

) : (
({ ) : undefined; + const hasNoData = + !resource || (Array.isArray(resource) && resource.length === 0); + const headerContent = ( <> {specifyNetworkBadge} @@ -313,7 +316,17 @@ export function ResourceView({ {headerComponents} -
{formattedChildren}
+
+ {formattedChildren} +
) : (