diff --git a/src/sql/parts/modelComponents/toolbarContainer.component.ts b/src/sql/parts/modelComponents/toolbarContainer.component.ts index bc4f6042ad..7136ae05b0 100644 --- a/src/sql/parts/modelComponents/toolbarContainer.component.ts +++ b/src/sql/parts/modelComponents/toolbarContainer.component.ts @@ -90,7 +90,7 @@ export default class ToolbarContainer extends ContainerBase i } public get paddingTop(): string { - return this.isHorizontal() ? '' : '10px'; + return this.isHorizontal() ? '' : ''; } public get toolbarClass(): string { diff --git a/src/sql/parts/modelComponents/toolbarLayout.css b/src/sql/parts/modelComponents/toolbarLayout.css index bd82553c42..2583621bf8 100644 --- a/src/sql/parts/modelComponents/toolbarLayout.css +++ b/src/sql/parts/modelComponents/toolbarLayout.css @@ -30,6 +30,13 @@ padding-left: 10px; } +.modelview-toolbar-container.toolbar-vertical .modelview-toolbar-item { + flex: 0 0; + flex-direction: row; + display: flex; + padding-left: 0px; +} + .modelview-toolbar-container .modelview-toolbar-title { padding: 4px; font-size: 14px; @@ -46,4 +53,13 @@ padding-left: 15px; background-size: 11px; margin-right: 0.3em; +} + +/* Vertical button handling */ +.modelview-toolbar-container.toolbar-vertical .modelview-toolbar-component modelview-button .monaco-text-button.icon { + padding: 22px 16px 22px 16px; + background-size: 22px; + margin-right: 0.3em; + background-position: 50% 50%; + } \ No newline at end of file