diff --git a/sass/_utils.scss b/sass/_utils.scss index e014bd9800fb348928b3563a1760f0ad096e5ca4..f0455fc13a9f609fca8a8d246b6b53c62a1ec2cc 100644 --- a/sass/_utils.scss +++ b/sass/_utils.scss @@ -2,3 +2,13 @@ width: 70%; height: 70%; } + +.caption { + display: flex; + justify-content: center; + padding: 4px 10px 4px 10px; +} + +.tag.caption { + width: 100%; +} diff --git a/templates/blog/post.html b/templates/blog/post.html index 158ae6ff072f8156581b0680cafadb60f2c82084..e4c673bb24e3e3c9c1c9c48f5e6cc51739934a2d 100644 --- a/templates/blog/post.html +++ b/templates/blog/post.html @@ -17,7 +17,9 @@ <img src="{{ image.url }}" alt="{{ post.extra.depiction.alt }}" /> </div> {% if post.extra.depiction.credits %} - <figcaption>{{ post.extra.depiction.credits }}</figcaption> + <div class="caption"> + <figcaption class="tag is-rounded caption">{{ post.extra.depiction.credits }}</figcaption> + </div> {% endif %} </figure> </div>