diff --git a/public/sass/base/_code.scss b/public/sass/base/_code.scss index f3584285108..5c23f520689 100644 --- a/public/sass/base/_code.scss +++ b/public/sass/base/_code.scss @@ -23,7 +23,7 @@ code { code.code--small { font-size: $font-size-xs; - padding: 0.2rem; + padding: $space-xxs; margin: 0 2px; } diff --git a/public/sass/components/_code_editor.scss b/public/sass/components/_code_editor.scss index 832449e31f1..9e04e9e4def 100644 --- a/public/sass/components/_code_editor.scss +++ b/public/sass/components/_code_editor.scss @@ -1,13 +1,13 @@ .gf-code-editor { - min-height: 2.6rem; - min-width: 20rem; + min-height: 36px; + min-width: 280px; flex-grow: 1; - margin-right: 0.25rem; + margin-right: $space-xs; &.ace_editor { @include font-family-monospace(); - font-size: 1rem; - min-height: 3.6rem; // Include space for horizontal scrollbar + font-size: $font-size-md; + min-height: 50px; // Include space for horizontal scrollbar @include border-radius($input-border-radius-sm); border: $border-width solid $input-border-color; @@ -20,7 +20,7 @@ .ace_editor.ace_autocomplete { @include font-family-monospace(); - font-size: 1rem; + font-size: $font-size-md; // Ace editor adds