From 912590a1438d79118fcabb242d6592f3cd999622 Mon Sep 17 00:00:00 2001
From: Austin Pickett <pickett.austin@gmail.com>
Date: Tue, 28 Apr 2026 13:11:47 -0400
Subject: [PATCH] fix: button sizes

---
 web/src/components/ChatSidebar.tsx        |  1 +
 web/src/components/OAuthProvidersCard.tsx |  8 +++++++-
 web/src/pages/AnalyticsPage.tsx           |  2 ++
 web/src/pages/ConfigPage.tsx              |  9 ++++++++-
 web/src/pages/EnvPage.tsx                 | 18 ++++++++++++++++--
 web/src/pages/LogsPage.tsx                |  1 +
 6 files changed, 35 insertions(+), 4 deletions(-)

diff --git a/web/src/components/ChatSidebar.tsx b/web/src/components/ChatSidebar.tsx
index 85935a46..4436555b 100644
--- a/web/src/components/ChatSidebar.tsx
+++ b/web/src/components/ChatSidebar.tsx
@@ -342,6 +342,7 @@ export function ChatSidebar({ channel, className }: ChatSidebarProps) {
 
             {error && (
               <Button
+                size="sm"
                 outlined
                 className="mt-1"
                 onClick={reconnect}
diff --git a/web/src/components/OAuthProvidersCard.tsx b/web/src/components/OAuthProvidersCard.tsx
index 842be557..c9f13555 100644
--- a/web/src/components/OAuthProvidersCard.tsx
+++ b/web/src/components/OAuthProvidersCard.tsx
@@ -102,6 +102,7 @@ export function OAuthProvidersCard({ onError, onSuccess }: Props) {
             </CardTitle>
           </div>
           <Button
+            size="sm"
             outlined
             onClick={refresh}
             disabled={loading}
@@ -216,7 +217,11 @@ export function OAuthProvidersCard({ onError, onSuccess }: Props) {
                     </a>
                   )}
                   {!p.status.logged_in && p.flow !== "external" && (
-                    <Button onClick={() => setLoginFor(p)} prefix={<LogIn />}>
+                    <Button
+                      size="sm"
+                      onClick={() => setLoginFor(p)}
+                      prefix={<LogIn />}
+                    >
                       {t.oauth.login}
                     </Button>
                   )}
@@ -229,6 +234,7 @@ export function OAuthProvidersCard({ onError, onSuccess }: Props) {
                   )}
                   {p.status.logged_in && p.flow !== "external" && (
                     <Button
+                      size="sm"
                       outlined
                       onClick={() => handleDisconnect(p)}
                       disabled={isBusy}
diff --git a/web/src/pages/AnalyticsPage.tsx b/web/src/pages/AnalyticsPage.tsx
index bce6cb45..f088ef3d 100644
--- a/web/src/pages/AnalyticsPage.tsx
+++ b/web/src/pages/AnalyticsPage.tsx
@@ -367,6 +367,7 @@ export default function AnalyticsPage() {
             <Button
               key={p.label}
               type="button"
+              size="sm"
               outlined={days !== p.days}
               onClick={() => setDays(p.days)}
             >
@@ -376,6 +377,7 @@ export default function AnalyticsPage() {
         </div>
         <Button
           type="button"
+          size="sm"
           outlined
           onClick={load}
           disabled={loading}
diff --git a/web/src/pages/ConfigPage.tsx b/web/src/pages/ConfigPage.tsx
index e7575675..3e08d534 100644
--- a/web/src/pages/ConfigPage.tsx
+++ b/web/src/pages/ConfigPage.tsx
@@ -442,6 +442,7 @@ export default function ConfigPage() {
           <div className="w-px h-5 bg-border mx-1" />
 
           <Button
+            size="sm"
             outlined={!yamlMode}
             onClick={() => setYamlMode(!yamlMode)}
             prefix={yamlMode ? <FormInput /> : <Code />}
@@ -451,6 +452,7 @@ export default function ConfigPage() {
 
           {yamlMode ? (
             <Button
+              size="sm"
               onClick={handleYamlSave}
               disabled={yamlSaving}
               prefix={<Save />}
@@ -458,7 +460,12 @@ export default function ConfigPage() {
               {yamlSaving ? t.common.saving : t.common.save}
             </Button>
           ) : (
-            <Button onClick={handleSave} disabled={saving} prefix={<Save />}>
+            <Button
+              size="sm"
+              onClick={handleSave}
+              disabled={saving}
+              prefix={<Save />}
+            >
               {saving ? t.common.saving : t.common.save}
             </Button>
           )}
diff --git a/web/src/pages/EnvPage.tsx b/web/src/pages/EnvPage.tsx
index 51c26c24..639ecf63 100644
--- a/web/src/pages/EnvPage.tsx
+++ b/web/src/pages/EnvPage.tsx
@@ -151,6 +151,7 @@ function EnvVarRow({
             </a>
           )}
           <Button
+            size="sm"
             outlined
             prefix={<Pencil />}
             onClick={() => setEdits((prev) => ({ ...prev, [varKey]: "" }))}
@@ -186,6 +187,7 @@ function EnvVarRow({
             </a>
           )}
           <Button
+            size="sm"
             outlined
             prefix={<Pencil />}
             onClick={() => setEdits((prev) => ({ ...prev, [varKey]: "" }))}
@@ -260,6 +262,7 @@ function EnvVarRow({
           )}
 
           <Button
+            size="sm"
             outlined
             prefix={<Pencil />}
             onClick={() => setEdits((prev) => ({ ...prev, [varKey]: "" }))}
@@ -269,6 +272,7 @@ function EnvVarRow({
 
           {info.is_set && (
             <Button
+              size="sm"
               outlined
               destructive
               prefix={<Trash2 />}
@@ -301,13 +305,19 @@ function EnvVarRow({
             className="flex-1 font-mono-ui text-xs"
           />
           <Button
+            size="sm"
             onClick={() => onSave(varKey)}
             prefix={<Save />}
             disabled={saving === varKey || !edits[varKey]}
           >
             {saving === varKey ? "..." : t.common.save}
           </Button>
-          <Button outlined prefix={<X />} onClick={() => onCancelEdit(varKey)}>
+          <Button
+            size="sm"
+            outlined
+            prefix={<X />}
+            onClick={() => onCancelEdit(varKey)}
+          >
             {t.common.cancel}
           </Button>
         </div>
@@ -680,7 +690,11 @@ export default function EnvPage() {
             {t.env.changesNote}
           </p>
         </div>
-        <Button outlined onClick={() => setShowAdvanced(!showAdvanced)}>
+        <Button
+          size="sm"
+          outlined
+          onClick={() => setShowAdvanced(!showAdvanced)}
+        >
           {showAdvanced ? t.env.hideAdvanced : t.env.showAdvanced}
         </Button>
       </div>
diff --git a/web/src/pages/LogsPage.tsx b/web/src/pages/LogsPage.tsx
index 92f6b1c5..22777e16 100644
--- a/web/src/pages/LogsPage.tsx
+++ b/web/src/pages/LogsPage.tsx
@@ -110,6 +110,7 @@ export default function LogsPage() {
         </div>
         <Button
           type="button"
+          size="sm"
           outlined
           onClick={fetchLogs}
           disabled={loading}