diff --git a/entrypoints/options/Options.tsx b/entrypoints/options/Options.tsx index f511992..3274767 100644 --- a/entrypoints/options/Options.tsx +++ b/entrypoints/options/Options.tsx @@ -61,23 +61,23 @@ const styles = { display: 'flex', alignItems: 'flex-start', justifyContent: 'center', - padding: '40px 20px', + padding: '16px 12px', fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif', } as React.CSSProperties, card: { background: 'rgba(30,30,46,0.95)', border: '1px solid rgba(205,214,244,0.12)', - borderRadius: '16px', - padding: '32px', + borderRadius: '12px', + padding: '16px', width: '100%', - maxWidth: '480px', + maxWidth: '420px', boxShadow: '0 8px 48px rgba(0,0,0,0.4)', color: '#cdd6f4', } as React.CSSProperties, logoRow: { display: 'flex', alignItems: 'center', - gap: '10px', + gap: '8px', marginBottom: '4px', } as React.CSSProperties, logo: { @@ -92,7 +92,7 @@ const styles = { subtitle: { fontSize: '13px', color: '#6c7086', - marginBottom: '28px', + marginBottom: '14px', marginTop: '4px', } as React.CSSProperties, label: { @@ -128,7 +128,7 @@ const styles = { boxSizing: 'border-box' as const, } as React.CSSProperties, formGroup: { - marginBottom: '20px', + marginBottom: '12px', } as React.CSSProperties, hint: { fontSize: '12px', @@ -145,18 +145,18 @@ const styles = { } as React.CSSProperties, saveBtn: { width: '100%', - padding: '12px', + padding: '10px', borderRadius: '10px', border: 'none', fontSize: '15px', fontWeight: '700', cursor: 'pointer', transition: 'all 0.2s ease', - marginTop: '8px', + marginTop: '4px', } as React.CSSProperties, divider: { borderTop: '1px solid rgba(205,214,244,0.08)', - margin: '24px 0', + margin: '12px 0', } as React.CSSProperties, statusBadge: { display: 'inline-flex', diff --git a/lexai-chrome-mv3.zip b/lexai-chrome-mv3.zip index 231ab18..b8cd5d3 100644 Binary files a/lexai-chrome-mv3.zip and b/lexai-chrome-mv3.zip differ