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:
@@ -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
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user