From a53d544b40492d3dd699e62f7845cdd72efc9b67 Mon Sep 17 00:00:00 2001
From: zhoujinyu <2319109590@qq.com>
Date: Sun, 1 Feb 2026 22:33:44 +0800
Subject: [PATCH 1/2] chroe(frontend): Better CSS on Compile and upload button

Signed-off-by: zhoujinyu <2319109590@qq.com>
---
 labextension/src/components/DeployButton.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/labextension/src/components/DeployButton.tsx b/labextension/src/components/DeployButton.tsx
index 024ab9937..02c060ccc 100644
--- a/labextension/src/components/DeployButton.tsx
+++ b/labextension/src/components/DeployButton.tsx
@@ -26,7 +26,8 @@ const StyledButtonGroup = styled(ButtonGroup)({
 });
 
 const MainButton = styled(Button)({
-  width: '100%'
+  width: '100%',
+  whiteSpace: 'nowrap'
 });
 
 const DropdownButton = styled(Button)({
@@ -91,7 +92,7 @@ export const SplitDeployButton: React.FunctionComponent<
     <DeployButtonContainer>
       <div className="deploy-button">
         <Grid container>
-          <Grid size={12} sx={{ padding: '4px 10px' }}>
+          <Grid size={12} sx={{ padding: '4px 6px' }}>
             <StyledButtonGroup
               variant="contained"
               color="primary"

From 81ad66b5906f089bc6d4ba3d365d2c38837052ff Mon Sep 17 00:00:00 2001
From: zhoujinyu <2319109590@qq.com>
Date: Tue, 3 Feb 2026 12:26:34 +0800
Subject: [PATCH 2/2] upd

Signed-off-by: zhoujinyu <2319109590@qq.com>
---
 labextension/style/index.css | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/labextension/style/index.css b/labextension/style/index.css
index cb4e0240b..939ebbe22 100644
--- a/labextension/style/index.css
+++ b/labextension/style/index.css
@@ -106,6 +106,24 @@
   text-transform: uppercase;
 }
 
+/* Keep dropdown (split) button fixed size when panel is resized */
+.deploy-button .MuiButtonGroup-root {
+  display: flex;
+  width: 100%;
+}
+
+.deploy-button .MuiButtonGroup-grouped:first-child {
+  flex: 1 1 auto;
+  min-width: 0;
+  width: auto;
+}
+
+.deploy-button .MuiButtonGroup-grouped:last-child {
+  flex: 0 0 auto;
+  min-width: 40px;
+  width: 40px;
+}
+
 /* -----------------------------------------------------------------------------
 | Inputs
 |---------------------------------------------------------------------------- */