From 6a5e23a07bb9827ff7d92646454a5a6b712fe7bb Mon Sep 17 00:00:00 2001
From: Jacob Brown <jeab2@cam.ac.uk>
Date: Thu, 17 Oct 2024 15:19:38 +0100
Subject: [PATCH] Apply figure padding only when top level of content

---
 src/scss/phy/questions.scss | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/scss/phy/questions.scss b/src/scss/phy/questions.scss
index bde378cbb9..f61526ef06 100644
--- a/src/scss/phy/questions.scss
+++ b/src/scss/phy/questions.scss
@@ -32,13 +32,18 @@
 .question-component .question-content {
   font-family: $primary-font;
 }
-.question-panel > .content-chunk > .content-value, .figure-panel {
+.question-panel > .content-chunk > .content-value {
   background: none;
   box-shadow: none;
   padding: 0 0.25rem;
   font-weight: 400;
 }
 
+.content-chunk > .figure-panel {
+  // if a figure is in the top level of a content block, indent it. otherwise (i.e. when inside a layout component), leave it for that component to handle
+  padding: 0 3rem;
+}
+
 .question-panel .isaac-accordion {
   background: $gray-103;
   .card-body > .content-chunk > .content-value {
@@ -47,7 +52,7 @@
     line-height: 1.6;
   }
   // Make sure that reorder questions have a background when they expand on Phy
-  .question-component:not(.expansion-layout), .figure-panel {
+  .question-component:not(.expansion-layout) {
     background: none;
     box-shadow: none;
     padding: 0 !important;