Improve output panels with error messages

[cocomarine]

Closes https://github.com/RaspberryPiFoundation/digital-editor-issues/issues/1512

Changes

• In smaller project container (.project-wrapper container in Project.scss):

  • Visual output panel and text output panel are split in 1:1.
  • min height of text panel set to 3rem.
  

• In larger container (min-width: 720px):

  • Visual output panel and text output panel are split in 3:2.
  • min height of text panel increased to 4rem.
  

[Copilot]

Pull request overview

This PR adjusts the Python runner output panel layout so the visual and text output panes split more evenly in small containers and follow a 3:2 split in larger containers, and updates the error message styling to show borders on both block edges.

Changes:

• Update .output-panel--text / .output-panel--visual flex ratios for small vs larger containers using container queries.
• Add a minimum block size to the selected tab panel in the text output area.
• Change error message border from border-block-start to border-block.

Reviewed changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated 2 comments.

File	Description
src/assets/stylesheets/PythonRunner.scss	Changes output panel flex ratios and adds a minimum height rule for the selected text tab panel.
src/assets/stylesheets/ErrorMessage.scss	Adjusts error message border styling to apply on both block edges.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.