diff --git a/src/assets/stylesheets/ErrorMessage.scss b/src/assets/stylesheets/ErrorMessage.scss index 5f5b5a6b5..c0889fb9e 100644 --- a/src/assets/stylesheets/ErrorMessage.scss +++ b/src/assets/stylesheets/ErrorMessage.scss @@ -4,7 +4,7 @@ .error-message { color: var(--rpf-red-900); background-color: var(--rpf-red-100); - border-block-start: 1px solid var(--editor-color-outline); + border-block: 1px solid var(--editor-color-outline); padding: var(--space-1); overflow-y: auto; scrollbar-width: thin; diff --git a/src/assets/stylesheets/PythonRunner.scss b/src/assets/stylesheets/PythonRunner.scss index 87a25e53e..5ec38191d 100644 --- a/src/assets/stylesheets/PythonRunner.scss +++ b/src/assets/stylesheets/PythonRunner.scss @@ -97,11 +97,26 @@ overflow: hidden; &--text { - flex: 3; + flex: 1; + + .react-tabs__tab-panel--selected { + min-block-size: var(--space-6); + } + + @container (min-width: 720px) { + flex: 2; + .react-tabs__tab-panel--selected { + min-block-size: var(--space-8); + } + } } &--visual { - flex: 7; + flex: 1; + + @container (min-width: 720px) { + flex: 3; + } .--light & { border-block-end: 5px solid $rpf-grey-100;