css: make also the bottom rounded on flat figures.

It looks weirdly cut off when there is no border.

diff --git a/css/m-components.css b/css/m-components.css
index ad0875a6698d654d1357de4a3f4be62d8e0be24b..fb8fd3aab94672a41e4146ba5b435cc025c215d5 100644 (file)
--- a/css/m-components.css
+++ b/css/m-components.css
@@ -1073,6 +1073,10 @@ figure.m-figure img {
   border-top-right-radius: var(--border-radius);
   max-width: 100%;
 }
+figure.m-figure.m-flat img {
+  border-bottom-left-radius: var(--border-radius);
+  border-bottom-right-radius: var(--border-radius);
+}
 figure.m-figure figcaption {
   margin-top: 0.5rem;
   margin-bottom: 0.5rem;

diff --git a/css/m-dark+doxygen.compiled.css b/css/m-dark+doxygen.compiled.css
index 847717c4c935880a3469758df7b5621c3f108ec7..ae3c2bef2e3bf59b0e97520717bcf490d4c6c787 100644 (file)
--- a/css/m-dark+doxygen.compiled.css
+++ b/css/m-dark+doxygen.compiled.css
@@ -1371,6 +1371,10 @@ figure.m-figure img {
   border-top-right-radius: 0.2rem;
   max-width: 100%;
 }
+figure.m-figure.m-flat img {
+  border-bottom-left-radius: 0.2rem;
+  border-bottom-right-radius: 0.2rem;
+}
 figure.m-figure figcaption {
   margin-top: 0.5rem;
   margin-bottom: 0.5rem;

diff --git a/css/m-dark.compiled.css b/css/m-dark.compiled.css
index af746877b13cfe379d6507712e1103ea3a66d665..28764102bff02c7c574e570b87ab0df48d5687b7 100644 (file)
--- a/css/m-dark.compiled.css
+++ b/css/m-dark.compiled.css
@@ -1371,6 +1371,10 @@ figure.m-figure img {
   border-top-right-radius: 0.2rem;
   max-width: 100%;
 }
+figure.m-figure.m-flat img {
+  border-bottom-left-radius: 0.2rem;
+  border-bottom-right-radius: 0.2rem;
+}
 figure.m-figure figcaption {
   margin-top: 0.5rem;
   margin-bottom: 0.5rem;

diff --git a/css/m-light+doxygen.compiled.css b/css/m-light+doxygen.compiled.css
index e8201a3528221db06abfc84dbfaa59d8b7aa74c7..22fe7d1d03bdf45f072b4fa75f48006c58159cd2 100644 (file)
--- a/css/m-light+doxygen.compiled.css
+++ b/css/m-light+doxygen.compiled.css
@@ -1371,6 +1371,10 @@ figure.m-figure img {
   border-top-right-radius: 0.2rem;
   max-width: 100%;
 }
+figure.m-figure.m-flat img {
+  border-bottom-left-radius: 0.2rem;
+  border-bottom-right-radius: 0.2rem;
+}
 figure.m-figure figcaption {
   margin-top: 0.5rem;
   margin-bottom: 0.5rem;

diff --git a/css/m-light.compiled.css b/css/m-light.compiled.css
index 974c4f8f5abdbda0883b6f179cb7b2047aee7cea..af6970879b1d10869d65cd5c3cd1b69c64d400b2 100644 (file)
--- a/css/m-light.compiled.css
+++ b/css/m-light.compiled.css
@@ -1371,6 +1371,10 @@ figure.m-figure img {
   border-top-right-radius: 0.2rem;
   max-width: 100%;
 }
+figure.m-figure.m-flat img {
+  border-bottom-left-radius: 0.2rem;
+  border-bottom-right-radius: 0.2rem;
+}
 figure.m-figure figcaption {
   margin-top: 0.5rem;
   margin-bottom: 0.5rem;