Fix a bug where gallery card margins would not reduce on smaller width displays

[josh146]

Context: On smaller width displays, gallery cards would display as single column with large margins.

Description of the Change: Reduces the gallery card margins on small displays, to allow two column displays.

Benefits: As above.

Possible Drawbacks: n/a

Related GitHub Issues: n/a

[Mandrenkov]

The PR is reasonable although I'm curious if we know why the XST gallery item appears so squished:

[josh146]

This is super weird, it looks fine for me locally :(

I'll need to work out what the discrepancy is...

[josh146]

@Mandrenkov I figured it out - I am using an older version of sphinx locally, and it looks like my version of sphinx wraps .. figures:: with a <div class="figure align-default">, which activates

.gallery-item-thumbcontainer .figure {
  margin: 10px;
  width: 160px;
}

but the version of sphinx used by the github actions doesn't 😢 It just uses <figure class="align-default">.

[josh146]

Edit: think I fixed it in 55e4cf1. The issue isn't Sphinx, but docutils. In version docutils>=0.17, it changed how it generates HTML from ReST directives, preferring tags over divs.