diff --git a/apps/common/main/resources/less/colors-table-white.less b/apps/common/main/resources/less/colors-table-white.less index 19755f157b..117fac7a02 100644 --- a/apps/common/main/resources/less/colors-table-white.less +++ b/apps/common/main/resources/less/colors-table-white.less @@ -183,7 +183,8 @@ --toolbar-tab-radius: 5px; --toolbar-tab-line-radius: 2px; --toolbar-tab-line-height: 3px; - --toolbar-tab-line-bottom: 2px; + --toolbar-tab-line-bottom: 4px; + --toolbar-tab-text-margin: 7px; --background-statusbar: var(--background-toolbar); --border-toolbar-z-clear: transparent; --shadow-toolbar: 0px 1px 3px 0px rgba(0, 0, 0, 0.10), 0px 1px 2px 0px rgba(0, 0, 0, 0.06); diff --git a/apps/common/main/resources/less/colors-table.less b/apps/common/main/resources/less/colors-table.less index 2809e1ed67..d194373975 100644 --- a/apps/common/main/resources/less/colors-table.less +++ b/apps/common/main/resources/less/colors-table.less @@ -239,6 +239,7 @@ --toolbar-tab-line-radius: 2px; --toolbar-tab-line-height: 2px; --toolbar-tab-line-bottom: 4px; + --toolbar-tab-text-margin: 5px; --border-sidemenu: var(--scaled-one-pixel, 1px) solid var(--border-toolbar); --background-statusbar: var(--background-pane); --border-toolbar-z-clear: var(--border-toolbar); @@ -502,6 +503,7 @@ @toolbar-tab-line-radius: var(--toolbar-tab-line-radius, 2px); @toolbar-tab-line-height: var(--toolbar-tab-line-height, 2px); @toolbar-tab-line-bottom: var(--toolbar-tab-line-bottom, 4px); +@toolbar-tab-text-margin: var(--toolbar-tab-text-margin, 5px); @layout-padding-toolbar: var(--layout-padding-toolbar, 0); @layout-padding-x-side-panel: var(--layout-padding-x-side-panel, 0); @layout-padding-y-side-panel: var(--layout-padding-y-side-panel, 2px); diff --git a/apps/common/main/resources/less/toolbar.less b/apps/common/main/resources/less/toolbar.less index bfd3083364..a7b6258da9 100644 --- a/apps/common/main/resources/less/toolbar.less +++ b/apps/common/main/resources/less/toolbar.less @@ -123,7 +123,7 @@ li { display: inline-flex; - align-items: center; + align-items: end; height: 100%; position: relative; &:hover { @@ -147,6 +147,7 @@ > a { display: inline-block; padding: 0 12px; + margin-bottom: @toolbar-tab-text-margin; text-decoration: none; cursor: default; .font-size-medium();