From 0483c26254bec2d70c8e86c1468ecb7d891ea102 Mon Sep 17 00:00:00 2001 From: Maxime Beauchemin Date: Fri, 24 Jul 2020 10:05:07 -0700 Subject: [PATCH] style(sqllab): fixed button width as label changes (#10404) As the label change from RUN to STOP, the row of button shifts left/right. This fixes the width so that it doesn't jitter. --- .../src/SqlLab/components/RunQueryActionButton.tsx | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/superset-frontend/src/SqlLab/components/RunQueryActionButton.tsx b/superset-frontend/src/SqlLab/components/RunQueryActionButton.tsx index 84a878235..5d6ac94c9 100644 --- a/superset-frontend/src/SqlLab/components/RunQueryActionButton.tsx +++ b/superset-frontend/src/SqlLab/components/RunQueryActionButton.tsx @@ -32,6 +32,9 @@ interface Props { stopQuery: () => void; sql: string; } +const commonBtnStyle = { + width: '80px', +}; const RunQueryActionButton = ({ allowAsync = false, @@ -51,6 +54,7 @@ const RunQueryActionButton = ({ bsSize: 'small', bsStyle: btnStyle, disabled: !dbId, + style: commonBtnStyle, }; if (shouldShowStopBtn) {