From d1e054eea8e7c14a9bace6d34504206ecbb7aeee Mon Sep 17 00:00:00 2001
From: Tom Hodson <thomas.c.hodson@gmail.com>
Date: Fri, 25 Nov 2022 12:38:17 +0100
Subject: [PATCH] Refactor figure css so that short captions are centered.

---
 _sass/thesis.scss | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/_sass/thesis.scss b/_sass/thesis.scss
index 2b0c47a..31ceff2 100644
--- a/_sass/thesis.scss
+++ b/_sass/thesis.scss
@@ -6,6 +6,8 @@ figure {
     align-items: center;
     margin-inline-start: 0em;
     margin-inline-end: 0em;
+    
+    max-width: 900px;
 
     // border-bottom: solid #222 1px;
     padding-bottom: 1em;
@@ -14,7 +16,6 @@ figure {
     // padding-top: 1em;
 }
 figure > img, figure > svg {
-    max-width: 900px;
     width: 90% !important;
     margin-bottom: 2em;
 }
@@ -22,9 +23,7 @@ figure > img, figure > svg {
 figcaption {
     // font-style: italic;
     // font-size: 0.9em;
-    aria-hidden: true;
-    max-width: 700px;
-    width: 90%;
+    max-width: 90%;
 }
 
 // For the table of contents, should probably put this in a container
@@ -117,7 +116,7 @@ div#page-header {
 
     //make the figures go to 100% and use italics to denote the figure captions
     figure > img, figure > svg {
-        width: 100%;
+        width: 100% !important;
     }
     
     figcaption {