Background
In browser-default styling and other skins (e.g. Vector), adjacent <pre> blocks (such as used by SyntaxHighlight) have some spacing between them, like adjacent paragraphs. In Minerva the margin is reset to 0:
User story
As a reader viewing code snippets I'd like to have spacing between blocks.
Requirement
Ensure that pre-formatted blocks have appropriate spacing between them on Minerva skin, similar to the spacing seen on the desktop skin.
BDD
Feature: Spacing Between Pre-formatted Blocks on Minerva Skin
Scenario: Ensure spacing between pre-formatted blocks
Given the user is viewing a page with pre-formatted blocks on Minerva skin
When the page loads
Then there should be appropriate spacing between pre-formatted blocks
And the spacing should match that seen on the desktop skinTest Steps
Test Case 1: Ensure Spacing Between Pre-formatted Blocks
- Visit this page on the beta environment using the Minerva skin.
- Verify the spacing between pre-formatted blocks.
- AC1: Confirm that the spacing matches that seen on the desktop skin.
| Observed | Expected |
 |  |
Acceptance criteria
- There should be a space between as https://en.m.wikipedia.beta.wmflabs.org/w/index.php?title=T363158 as there is on desktop https://en.wikipedia.beta.wmflabs.org/w/index.php?title=T363158&venotify=saved
QA Results - Beta
| AC | Status | Details |
|---|---|---|
| 1 | ✅ | T363158#9851742 |
