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.
This commit is contained in:
Maxime Beauchemin 2020-07-24 10:05:07 -07:00 committed by GitHub
parent a10b185248
commit 0483c26254
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 4 additions and 0 deletions

View File

@ -32,6 +32,9 @@ interface Props {
stopQuery: () => void; stopQuery: () => void;
sql: string; sql: string;
} }
const commonBtnStyle = {
width: '80px',
};
const RunQueryActionButton = ({ const RunQueryActionButton = ({
allowAsync = false, allowAsync = false,
@ -51,6 +54,7 @@ const RunQueryActionButton = ({
bsSize: 'small', bsSize: 'small',
bsStyle: btnStyle, bsStyle: btnStyle,
disabled: !dbId, disabled: !dbId,
style: commonBtnStyle,
}; };
if (shouldShowStopBtn) { if (shouldShowStopBtn) {