diff --git a/src/sql/base/browser/ui/checkbox/media/checkbox.css b/src/sql/base/browser/ui/checkbox/media/checkbox.css index 5efbb133c5..2c024184cc 100644 --- a/src/sql/base/browser/ui/checkbox/media/checkbox.css +++ b/src/sql/base/browser/ui/checkbox/media/checkbox.css @@ -21,4 +21,8 @@ .custom-checkbox.sql-checkbox.disabled { pointer-events: none; opacity: 0.3; -} \ No newline at end of file +} + +input[type='checkbox'] { + margin: 0px 5px 0px 0px; +} diff --git a/src/sql/workbench/contrib/charts/browser/chartView.ts b/src/sql/workbench/contrib/charts/browser/chartView.ts index 894e6b8878..b0ff6b41cd 100644 --- a/src/sql/workbench/contrib/charts/browser/chartView.ts +++ b/src/sql/workbench/contrib/charts/browser/chartView.ts @@ -317,11 +317,13 @@ export class ChartView extends Disposable implements IPanelView { } private createOption(option: IChartOption, container: HTMLElement) { - const label = DOM.$('div.option-label'); - label.innerText = option.label; const optionContainer = DOM.$('div.option-container'); const optionInput = DOM.$('div.option-input'); - optionContainer.appendChild(label); + if (option.type !== ControlType.checkbox) { + const label = DOM.$('div.option-label'); + label.innerText = option.label; + optionContainer.appendChild(label); + } optionContainer.appendChild(optionInput); let setFunc: ((val: string) => void) | ((val: number) => void) | ((val: boolean) => void); let entry = option.configEntry as keyof IInsightOptions; @@ -329,7 +331,7 @@ export class ChartView extends Disposable implements IPanelView { switch (option.type) { case ControlType.checkbox: let checkbox = new Checkbox(optionInput, { - label: '', + label: option.label, ariaLabel: option.label, checked: value, onChange: () => { diff --git a/src/sql/workbench/contrib/charts/browser/media/chartView.css b/src/sql/workbench/contrib/charts/browser/media/chartView.css index 3d82fa99c4..5dc692cf30 100644 --- a/src/sql/workbench/contrib/charts/browser/media/chartView.css +++ b/src/sql/workbench/contrib/charts/browser/media/chartView.css @@ -31,3 +31,7 @@ min-width: 250px; padding-right: 10px; } + +.option-container { + margin-bottom: 5px; +}