WIP PWA for Grain
style: add horizontal padding to content sections
Add consistent horizontal padding to author chip, engagement bar,
title/description, comments, and profile header for mobile.
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
+8
-8
+1
-1
src/components/organisms/grain-comment-list.js
+1
-1
src/components/organisms/grain-comment-list.js
···
10
10
static styles = css`
11
11
:host {
12
12
display: block;
13
13
-
padding: var(--space-sm) 0;
13
13
+
padding: var(--space-sm);
14
14
}
15
15
.header {
16
16
font-size: var(--font-size-sm);
+1
-1
src/components/organisms/grain-engagement-bar.js
+1
-1
src/components/organisms/grain-engagement-bar.js
+2
-2
src/components/organisms/grain-gallery-card.js
+2
-2
src/components/organisms/grain-gallery-card.js
···
15
15
border-bottom: 1px solid var(--color-border);
16
16
}
17
17
.header {
18
-
padding: var(--space-sm) 0;
18
+
padding: var(--space-sm);
19
19
}
20
20
.content {
21
-
padding: var(--space-sm) 0 var(--space-md);
21
+
padding: var(--space-sm) var(--space-sm) var(--space-md);
22
22
}
23
23
.title {
24
24
font-size: var(--font-size-sm);
+1
-1
src/components/organisms/grain-profile-header.js
+1
-1
src/components/organisms/grain-profile-header.js
+3
-3
src/components/pages/grain-gallery-detail.js
+3
-3
src/components/pages/grain-gallery-detail.js
···
25
25
.header-bar {
26
26
display: flex;
27
27
align-items: center;
28
-
padding: var(--space-sm) 0;
28
+
padding: var(--space-sm);
29
29
border-bottom: 1px solid var(--color-border);
30
30
}
31
31
.back-button {
···
40
40
color: var(--color-text-primary);
41
41
}
42
42
.author-section {
43
-
padding: var(--space-sm) 0;
43
+
padding: var(--space-sm);
44
44
}
45
45
.content {
46
-
padding: var(--space-sm) 0;
46
+
padding: var(--space-sm);
47
47
}
48
48
.title {
49
49
font-size: var(--font-size-sm);