From e283bca0a5f4a23c5fb0592bdff03eecd1f282c3 Mon Sep 17 00:00:00 2001
From: Devon Chau <devonpis@gmail.com>
Date: Tue, 1 Mar 2022 13:49:35 +1000
Subject: [PATCH 1/2] fix style

---
 .../_project/_blocks/components/misc/_qg-images.scss     | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/assets/_project/_blocks/components/misc/_qg-images.scss b/src/assets/_project/_blocks/components/misc/_qg-images.scss
index 2320a710d..db1fc6c78 100644
--- a/src/assets/_project/_blocks/components/misc/_qg-images.scss
+++ b/src/assets/_project/_blocks/components/misc/_qg-images.scss
@@ -20,9 +20,15 @@
 
   &.pull-right{
     margin-left: 1em;
+    &+figure {
+      clear: right;
+    }
   }
   &.pull-left {
     margin-right: 1em;
+    &+figure {
+      clear: left;
+    }
   }
 
   img {
@@ -72,5 +78,8 @@
       display: inline-block;
       text-decoration: underline;
     }
+    @media print {
+      word-break: break-all;
+    }
   }
 }

From 6a822fdc0fe49f269b7333ee6086df454bc67726 Mon Sep 17 00:00:00 2001
From: Devon Chau <devonpis@gmail.com>
Date: Tue, 1 Mar 2022 14:07:26 +1000
Subject: [PATCH 2/2] update figure max-width

---
 src/assets/_project/_blocks/components/misc/_qg-images.scss | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/assets/_project/_blocks/components/misc/_qg-images.scss b/src/assets/_project/_blocks/components/misc/_qg-images.scss
index db1fc6c78..d41e53b98 100644
--- a/src/assets/_project/_blocks/components/misc/_qg-images.scss
+++ b/src/assets/_project/_blocks/components/misc/_qg-images.scss
@@ -5,7 +5,7 @@
 // figures / cut ins
 
 #qg-primary-content figure:not(.qg-nofig), figure.qg-fig {
-  max-width: 374px !important;
+  max-width: 300px !important;
   max-height: auto !important;
 
   margin-left: auto;
@@ -13,6 +13,10 @@
   margin-bottom: 1em;
   text-align: center;
 
+  @media (max-width: $screen-md) {
+    max-width: 374px !important;
+  }
+
   &:not(.qg-unstyled) {
     border: 1px solid #EEE;
     padding: .5em;