diff --git a/frontend/resources/styles/common/dependencies/helpers.scss b/frontend/resources/styles/common/dependencies/helpers.scss index 01ff7c4f6..92c0c7494 100644 --- a/frontend/resources/styles/common/dependencies/helpers.scss +++ b/frontend/resources/styles/common/dependencies/helpers.scss @@ -37,7 +37,7 @@ $br-big: 8px; .row-flex { align-items: center; display: flex; - margin-bottom: $small; + margin-bottom: $x-small; &.column { flex-direction: column; diff --git a/frontend/resources/styles/main/partials/colorpicker.scss b/frontend/resources/styles/main/partials/colorpicker.scss index 05c8119a5..34845cb10 100644 --- a/frontend/resources/styles/main/partials/colorpicker.scss +++ b/frontend/resources/styles/main/partials/colorpicker.scss @@ -158,7 +158,7 @@ border: 1px solid $color-gray-30; border-radius: $br-small; color: $color-gray-20; - height: 25px; + height: 20px; margin: 5px 0 0 0; padding: 0 $x-small; width: 58px; diff --git a/frontend/resources/styles/main/partials/sidebar-element-options.scss b/frontend/resources/styles/main/partials/sidebar-element-options.scss index b7156016a..7ee379a48 100644 --- a/frontend/resources/styles/main/partials/sidebar-element-options.scss +++ b/frontend/resources/styles/main/partials/sidebar-element-options.scss @@ -69,7 +69,7 @@ .element-set-title { color: $color-gray-10; display: flex; - font-size: $fs14; + font-size: $fs13; padding: $small $x-small; width: 100%; } @@ -100,7 +100,7 @@ span { color: $color-gray-20; - font-size: $fs14; + font-size: $fs12; max-width: 75%; overflow-x: hidden; text-overflow: ellipsis; @@ -182,14 +182,14 @@ .element-set-content { display: flex; flex-direction: column; - padding: $small $x-small; + padding: $x-small; .input-text { background-color: $color-gray-50; border: 1px solid transparent; border-bottom-color: $color-gray-40; color: $color-gray-10; - font-size: $fs13; + font-size: $fs12; margin: $x-small; padding: $x-small; width: 100%; @@ -217,7 +217,7 @@ .element-set-subtitle { color: $color-gray-10; - font-size: $fs12; + font-size: $fs11; width: 12rem; } @@ -356,9 +356,9 @@ border-radius: $br-small; cursor: pointer; flex-shrink: 0; - height: 25px; + height: 20px; margin: 5px 4px 0 0; - width: 25px; + width: 20px; &.palette-th { align-items: center; diff --git a/frontend/resources/styles/main/partials/sidebar-layers.scss b/frontend/resources/styles/main/partials/sidebar-layers.scss index bc72e312c..6658ff4f2 100644 --- a/frontend/resources/styles/main/partials/sidebar-layers.scss +++ b/frontend/resources/styles/main/partials/sidebar-layers.scss @@ -8,17 +8,17 @@ .element-list-body { align-items: center; display: flex; - height: 35px; + height: 32px; padding: $x-small $small; transition: none; width: 100%; svg { fill: $color-gray-20; - height: 16px; + height: 13px; flex-shrink: 0; margin-right: 8px; - width: 16px; + width: 13px; } &.group { @@ -123,7 +123,7 @@ input.element-name { span.element-name { color: $color-gray-20; display: block; - font-size: $fs13; + font-size: $fs12; max-width: 130px; min-width: 40px; min-height: 16px; @@ -179,7 +179,7 @@ span.element-name { width: 12px; svg { - fill: $color-gray-30; + fill: $color-gray-20; transform: rotate(90deg); width: 10px; } diff --git a/frontend/resources/styles/main/partials/sidebar-sitemap.scss b/frontend/resources/styles/main/partials/sidebar-sitemap.scss index abf765324..a94829d0a 100644 --- a/frontend/resources/styles/main/partials/sidebar-sitemap.scss +++ b/frontend/resources/styles/main/partials/sidebar-sitemap.scss @@ -21,7 +21,7 @@ svg { fill: $color-gray-30; height: 13px; - margin-right: $small; + margin-right: $x-small; width: 13px; } @@ -29,7 +29,7 @@ span { color: $color-gray-20; - font-size: $fs13; + font-size: $fs12; max-width: 75%; overflow-x: hidden; text-overflow: ellipsis; diff --git a/frontend/resources/styles/main/partials/sidebar.scss b/frontend/resources/styles/main/partials/sidebar.scss index af647e801..04062ffda 100644 --- a/frontend/resources/styles/main/partials/sidebar.scss +++ b/frontend/resources/styles/main/partials/sidebar.scss @@ -81,7 +81,7 @@ span { color: $color-gray-10; - font-size: $fs14; + font-size: $fs13; } .tool-window-icon {