diff --git a/theme/static/css/custom.css b/theme/static/css/custom.css
index 41aa241..8d99725 100644
--- a/theme/static/css/custom.css
+++ b/theme/static/css/custom.css
@@ -410,6 +410,11 @@ article form {
object-fit: contain;
}
+.card-image img {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+}
/* settings for articles */
#content-body, #content-body {
@@ -496,17 +501,17 @@ article form {
/* settings for slide shows on wide cards */
/* see https://www.smashingmagazine.com/2012/04/pure-css3-cycling-slideshow/ */
-.wcard {
+.wcard, .tag-entry {
display: flex;
flex-flow: wrap;
column-gap: calc(var(--pico-nav-element-spacing-horizontal) * 2);
- .wcard-gallery, .tag-image {
+ .wcard-gallery, .tag-content {
flex: 1 0 calc((100% - (2 * var(--pico-nav-element-spacing-horizontal))) * 0.618);
min-width: 300px;
}
- .wcard-title, .tag-content {
+ .wcard-title, .tag-image {
flex: 1 0 calc((100% - (2 * var(--pico-nav-element-spacing-horizontal))) * 0.382);
min-width: 185px;
display: flex;
@@ -515,6 +520,13 @@ article form {
}
}
+.tag-content {
+ flex-direction: column;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
.wcard-gallery {
height: var(--tr-card-height);
position: relative;
diff --git a/theme/templates/base.html b/theme/templates/base.html
index ef76f40..06acbfa 100644
--- a/theme/templates/base.html
+++ b/theme/templates/base.html
@@ -24,12 +24,19 @@
{{ page.title }}
+