From f19ebdf4f9ae4800e99a892bab68d82e7b38d538 Mon Sep 17 00:00:00 2001
From: Logan Yang <logancyang@gmail.com>
Date: Mon, 2 Mar 2026 17:01:26 -0800
Subject: [PATCH] fix(ui): prevent stream usage row from crowding add model
 actions (#2234)

---
 src/settings/v2/components/ModelAddDialog.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/settings/v2/components/ModelAddDialog.tsx b/src/settings/v2/components/ModelAddDialog.tsx
index 502f9f5f..c7b88537 100644
--- a/src/settings/v2/components/ModelAddDialog.tsx
+++ b/src/settings/v2/components/ModelAddDialog.tsx
@@ -670,7 +670,7 @@ export const ModelAddDialog: React.FC<ModelAddDialogProps> = ({
 
         <div className="tw-flex tw-flex-col tw-gap-3 sm:tw-flex-row sm:tw-items-center sm:tw-justify-between">
           {/* CORS 和 CURL */}
-          <div className="tw-flex tw-items-center tw-gap-3">
+          <div className="tw-flex tw-flex-wrap tw-items-center tw-gap-3 sm:tw-flex-1">
             <div className="tw-flex tw-items-center tw-gap-2">
               <Checkbox
                 id="enable-cors"
@@ -738,7 +738,7 @@ export const ModelAddDialog: React.FC<ModelAddDialogProps> = ({
           </div>
 
           {/* 主要操作区：Test 和 Add Model */}
-          <div className="tw-flex tw-items-center tw-justify-end tw-gap-2">
+          <div className="tw-flex tw-shrink-0 tw-items-center tw-justify-end tw-gap-2">
             {verifyStatus === "success" && <CheckCircle2 className="tw-size-5 tw-text-success" />}
             {verifyStatus === "failed" && <XCircle className="tw-size-5 tw-text-error" />}
             <TooltipProvider>