Fix caption alignment in figures.

Close juba#100
rwward · Mar 22, 2021 · 07c15fa · 07c15fa
1 parent 78a09f9
commit 07c15fa
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 8 deletions.
diff --git a/inst/templates/downcute/downcute.css b/inst/templates/downcute/downcute.css
@@ -1048,14 +1048,14 @@ button.code-folding-btn {
 .page-content .figure {
     margin: 5px 10px 30px 0px;
     display: table;
+    text-align: center;
 }
 
 .page-content .figure img {
     margin-bottom: 5px;
 }
 
 .page-content .figure p.caption {
-    text-align: center;
     font-style: italic;
     font-size: 90%;
     margin-top: 0;

diff --git a/inst/templates/html_clean/clean.css b/inst/templates/html_clean/clean.css
@@ -78,16 +78,17 @@ img.image-lb {
 .figure {
     margin: 5px 10px 30px 0px;
     display: table;
+    text-align: center;
 }
 
 .figure img {
     margin-bottom: 5px;
 }
 
-.figure p.caption {
-    text-align: center;
-    font-style: italic;
-    font-size: 90%;
+p.caption {
+  margin: 0 10px 0 10px;
+  font-style: italic;
+  font-size: 90%;
 }
 
 .mfp-figure {

diff --git a/inst/templates/html_docco/docco.css b/inst/templates/html_docco/docco.css
@@ -139,17 +139,17 @@ img.image-lb {
 .figure {
     margin: 5px auto 30px auto;
     display: table;
+    text-align: center;
 }
 
 .figure img {
     margin-bottom: 5px;
 }
 
 .page .figure p.caption {
-    text-align: center;
+    margin: 10px 0px;
     font-style: italic;
     font-size: 80%;
-    margin: 10px 0px;
 }
 
 .mfp-figure {

diff --git a/inst/templates/readthedown/readthedown.css b/inst/templates/readthedown/readthedown.css
@@ -48,14 +48,14 @@ img.image-lb {
 .figure {
     margin: 5px 10px 30px 0px;
     display: table;
+    text-align: center;
 }
 
 .figure img {
     margin-bottom: 5px;
 }
 
 .figure p.caption {
-    text-align: center;
     font-style: italic;
     font-size: 90%;
 }