amadan
web: optically center the composer placeholder/text (7/9 padding)
The box was layout-balanced (content area exactly = line-height, 8/8 padding) but a text baseline sits low in its line box, so the placeholder read slightly low. A 1px-heavier bottom padding (7px top / 9px bottom, box still 40px) centers it against the + button. Verified by rendering variants in headless Chrome.
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
1 file changed,
+4
−2
web/static/style.css+4 −2
diff --git a/web/static/style.css b/web/static/style.css| index 8fe3ba1..f58ca11 100644 |
| --- a/web/static/style.css |
| +++ b/web/static/style.css |
| @@ -511,8 +511,10 @@ input:focus, textarea:focus { outline: 2px solid var(--accent); border-color: tr |
| flex: 1; |
| resize: none; |
| max-height: 140px; |
| - /* 8+8 padding + 22 line + 2 border = 40px at rest, matching .attach-btn */ |
| - padding: 8px 46px 8px 14px; /* right room for the inline send button */ |
| + /* 7+9 padding + 22 line + 2 border = 40px at rest, matching .attach-btn. The |
| + 1px-heavier bottom optically centers the text (a baseline sits low in its |
| + line box); right padding leaves room for the inline send button. */ |
| + padding: 7px 46px 9px 14px; |
| line-height: 22px; |
| min-height: 40px; |
| border-radius: 20px; |