center figure and captions inside figwith, while the whole figure is left/right (#1750)

* centered figure while left/right

center figure and captions inside figwith, while the whole figure is left/right

* Update _figures.scss

* Update _figures.scss

* [pre-commit.ci] Automatic linting and formatting fixes

* Update src/pydata_sphinx_theme/assets/styles/content/_figures.scss

---------

Co-authored-by: pre-commit-ci[bot] <66853113+pre-commit-ci[bot]@users.noreply.github.com>
Co-authored-by: Tania Allard <[email protected]>
Co-authored-by: gabalafou <[email protected]>

Author: 4 people

src/pydata_sphinx_theme/assets/styles/content/_figures.scss

@@ -1,3 +1,12 @@
+figure > a,
+figure > a > img,
+figure > img,
+figure > video {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+}
+
 figure {
   a.headerlink {
     // So that header link doesn't push caption to be off-center.
@@ -16,12 +25,18 @@ figure {
     margin-left: auto;
     margin-right: auto;
     margin-top: 0.3rem;
+    text-align: center;
 
     & > p:last-child {
       // Don't add extra margin to already existing figure bottom margin
       margin-bottom: 0;
     }
 
+    p {
+      text-align: start;
+      display: inline-block;
+    }
+
     table.table {
       width: fit-content;
       margin-left: auto;