Fix questionnaire image sizing in Firefox.

A 100% max-width img within an inline-block within a fixed width wrapper
behaves differently in Firefox to other browsers; other browsers use the
width of the fixed width wrapper, whereas Firefox uses the width set for
the img. Given an identically set-up div, all the browsers use the width
of the div rather than the fixed width wrapper, so Firefox appears to be
behaving more consistently.

The easiest solution is to change the inline-block to display: block, as
the inline-block is alone within a floated fixed width div. Fixes #1243.

1 files changed, 2 insertions, 2 deletions

diff --git a/web/cobrands/sass/_base.scss b/web/cobrands/sass/_base.scss
index 9aa079b1f..1a13972e4 100644
--- a/web/cobrands/sass/_base.scss
+++ b/web/cobrands/sass/_base.scss
@@ -951,8 +951,8 @@ input.final-submit {
 // fancybox gallery images have a magnifying glass in the corner
 .update-img {
   a {
-    @include inline-block;
-    position:relative;
+    display: block;
+    position: relative;
     span {
       position:absolute;
       top:0;