Claude Code extension webview renders poorly in code-server (browser-based VS Code)

Environment

• code-server: 4.116.0 (Code 1.116.0)
• Claude Code extension: 2.1.114
• Comparison: VS Code desktop (native) on the same machine renders the extension perfectly

Problem

The Claude Code extension's webview panel renders poorly when accessed through code-server (browser-based VS Code). Specific issues:

• Oversized icons: The magnifying glass and other icons render at a disproportionately large size, dominating the panel
• Tiny buttons: Action buttons are very small and difficult to click, especially on touch devices
• Cramped layout: The overall layout feels squeezed, with poor use of available space
• Mobile browsers: The experience is especially bad on mobile — touch targets are far too small to reliably tap

The same extension version renders correctly in the native VS Code desktop app, so the issue appears specific to the code-server/browser environment.

Likely Cause

The webview CSS relies on VS Code CSS variables (e.g., --vscode-*) which code-server may not fully populate or may map to different values. Additionally, there doesn't appear to be any responsive CSS handling for smaller viewports or non-standard DPI scaling that browsers introduce.

Suggestion

• Test the extension webview in code-server (and potentially other browser-based VS Code environments like vscode.dev or GitHub Codespaces)
• Add responsive CSS with appropriate media queries for smaller viewports
• Ensure touch targets meet minimum sizing (48x48px per WCAG guidelines) for mobile/tablet use
• Avoid hard assumptions about icon/font sizing that may not hold outside the native Electron shell