From b784c923a8eeab52412eaebb9a44ad05a1411165 Mon Sep 17 00:00:00 2001
From: David Hill <iamdavidhill@gmail.com>
Date: Tue, 17 Feb 2026 16:51:48 +0000
Subject: tweak(ui): bump button heights and align permission prompt layout

---
 packages/ui/src/components/button.css       |  6 +++---
 packages/ui/src/components/message-part.css | 21 +++++++++++++++++++++
 packages/ui/src/components/message-part.tsx |  6 +++---
 3 files changed, 27 insertions(+), 6 deletions(-)

(limited to 'packages/ui')

diff --git a/packages/ui/src/components/button.css b/packages/ui/src/components/button.css
index 465ebd880..28f597f8a 100644
--- a/packages/ui/src/components/button.css
+++ b/packages/ui/src/components/button.css
@@ -109,7 +109,7 @@
   }
 
   &[data-size="small"] {
-    height: 22px;
+    height: 24px;
     padding: 0 8px;
     &[data-icon] {
       padding: 0 12px 0 4px;
@@ -129,8 +129,8 @@
   }
 
   &[data-size="normal"] {
-    height: 24px;
-    line-height: 24px;
+    height: 28px;
+    line-height: 28px;
     padding: 0 6px;
     &[data-icon] {
       padding: 0 12px 0 4px;
diff --git a/packages/ui/src/components/message-part.css b/packages/ui/src/components/message-part.css
index ede7f5c90..d8a35c0f1 100644
--- a/packages/ui/src/components/message-part.css
+++ b/packages/ui/src/components/message-part.css
@@ -745,6 +745,11 @@
     align-items: center;
     gap: 8px;
     justify-content: flex-end;
+
+    [data-component="button"] {
+      padding-left: 12px;
+      padding-right: 12px;
+    }
   }
 }
 
@@ -756,6 +761,22 @@
   min-height: 0;
   max-height: var(--question-prompt-max-height, 100dvh);
 
+  &[data-permission="true"] {
+    [data-slot="question-options"] {
+      code {
+        font-size: 14px;
+        line-height: var(--line-height-large);
+      }
+    }
+
+    [data-slot="question-footer-actions"] {
+      [data-component="button"] {
+        padding-left: 12px;
+        padding-right: 12px;
+      }
+    }
+  }
+
   [data-slot="question-body"] {
     display: flex;
     flex-direction: column;
diff --git a/packages/ui/src/components/message-part.tsx b/packages/ui/src/components/message-part.tsx
index 2f75c1807..4db5508bf 100644
--- a/packages/ui/src/components/message-part.tsx
+++ b/packages/ui/src/components/message-part.tsx
@@ -891,13 +891,13 @@ PART_MAPPING["tool"] = function ToolPartDisplay(props) {
         <Show when={showPermission() && permission()}>
           <div data-component="permission-prompt">
             <div data-slot="permission-actions">
-              <Button variant="ghost" size="small" onClick={() => respond("reject")}>
+              <Button variant="ghost" size="normal" onClick={() => respond("reject")}>
                 {i18n.t("ui.permission.deny")}
               </Button>
-              <Button variant="secondary" size="small" onClick={() => respond("always")}>
+              <Button variant="secondary" size="normal" onClick={() => respond("always")}>
                 {i18n.t("ui.permission.allowAlways")}
               </Button>
-              <Button variant="primary" size="small" onClick={() => respond("once")}>
+              <Button variant="primary" size="normal" onClick={() => respond("once")}>
                 {i18n.t("ui.permission.allowOnce")}
               </Button>
             </div>
-- 
cgit v1.2.3