WIP PWA for Grain
fix: center loading spinner horizontally
Use text-align: center with inline-block for more reliable
centering across different layout contexts.
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
+4
-2
+4
-2
src/components/atoms/grain-spinner.js
+4
-2
src/components/atoms/grain-spinner.js
···
3
3
export class GrainSpinner extends LitElement {
4
4
static styles = css`
5
5
:host {
6
-
display: flex;
7
-
justify-content: center;
6
+
display: block;
7
+
width: 100%;
8
8
padding: var(--space-lg);
9
+
text-align: center;
9
10
}
10
11
.spinner {
12
+
display: inline-block;
11
13
width: 24px;
12
14
height: 24px;
13
15
border: 2px solid var(--color-bg-elevated);