Align loading spinner with title text and reduce size

Wrap the title + spinner in an inline-flex container for vertical
centering, and reduce the spinner to 0.8em so it doesn't affect the
overall box height.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Signed-off-by: Fredrik Adelöw <freben@spotify.com>
This commit is contained in:
Fredrik Adelöw
2026-03-19 10:13:32 +01:00
parent 7db2f07322
commit eb30aafd2c
@@ -203,10 +203,10 @@ export const CatalogTable = (props: CatalogTableProps) => {
.join(' ');
const title =
loading && !isLoading ? (
<>
<span style={{ display: 'inline-flex', alignItems: 'center' }}>
{titleText}{' '}
<CircularProgress size="1em" data-testid="loading-indicator" />
</>
<CircularProgress size="0.8em" data-testid="loading-indicator" />
</span>
) : (
titleText
);