From 9e24a3cfbb4f4d76630b0bbdec88ece5503a0feb Mon Sep 17 00:00:00 2001
From: Maciej Topyla <m.m.topyla@student.tudelft.nl>
Date: Wed, 9 Nov 2022 11:28:59 +0000
Subject: [PATCH] Figure centering

---
 docs/2_coordinates.md | 2 +-
 docs/styles/extra.css | 3 +++
 mkdocs.yml            | 1 +
 3 files changed, 5 insertions(+), 1 deletion(-)
 create mode 100644 docs/styles/extra.css

diff --git a/docs/2_coordinates.md b/docs/2_coordinates.md
index 19ca329..75f849b 100644
--- a/docs/2_coordinates.md
+++ b/docs/2_coordinates.md
@@ -70,7 +70,7 @@ the angular coordinate $\varphi$ is dimensionless.
 
 <figure markdown>
   ![polarplot](figures/Coordinates_7_0.svg){ width="auto" }
-  <figcaption>In this example of a polar plot, you can distinguish the radial coordinate (0.2, 0.4 etc.) from the angular one expressed in degrees ($0^\circ$, $45^\circ$ etc.).</figcaption>
+  <figcaption>In this example of a polar plot, you can distinguish the radial coordinate $( 0.2, 0.4 \. \text{etc.. })$ from the angular one expressed in degrees $( 0^\circ, 45^\circ \. \text{etc..} )$</figcaption>
 </figure>
 
 
diff --git a/docs/styles/extra.css b/docs/styles/extra.css
new file mode 100644
index 0000000..2c2235a
--- /dev/null
+++ b/docs/styles/extra.css
@@ -0,0 +1,3 @@
+.figure { display: table; }
+
+.figcaption { display: table-caption; caption-side: bottom ; }
diff --git a/mkdocs.yml b/mkdocs.yml
index b84783d..047ae2b 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -54,6 +54,7 @@ markdown_extensions:
 extra_css:
   - 'https://use.fontawesome.com/releases/v5.8.1/css/all.css'
   - 'styles/mathjax_overflowfix.css'
+  - 'styles/extra.css'
 
 extra_javascript:
   - 'https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.7/MathJax.js?config=TeX-AMS_CHTML'
-- 
GitLab