diff options
| author | Zarino Zappia <mail@zarino.co.uk> | 2016-02-04 15:23:39 +0000 |
|---|---|---|
| committer | Matthew Somerville <matthew@mysociety.org> | 2016-03-08 15:46:57 +0000 |
| commit | 2e344a744f23d6f8cf2300b40d98152d26fee2dd (patch) | |
| tree | 03b2746566c19bf2c5ce098b31a0009622b00cd6 | |
| parent | 2fc65ef99e7591f4f570c5102f46583a0ce9a793 (diff) | |
Smaller image display for reports and updates
Displaying the images smaller makes the lines of text easier
to read, and makes display of multiple images much better.
People can still click the images to see them full size.
Fixes #1325.
| -rw-r--r-- | web/cobrands/sass/_base.scss | 18 |
1 files changed, 8 insertions, 10 deletions
diff --git a/web/cobrands/sass/_base.scss b/web/cobrands/sass/_base.scss index 667957497..cd0debe2d 100644 --- a/web/cobrands/sass/_base.scss +++ b/web/cobrands/sass/_base.scss @@ -884,10 +884,6 @@ input.final-submit { margin: 0 0 1em; padding: 0; border-bottom: 0.25em solid $primary; - .update-img { - float: $right; - margin: flip(0.5em 0 0.5em 1em, 0.5em 1em 0.5em 0); // gutter between text and floated image - } } .item-list__item { @@ -963,6 +959,13 @@ input.final-submit { } } +.problem-header .update-img, +.item-list .update-img { + float: $right; + margin: flip(0.3em 0 0.5em 1em, 0.3em 1em 0.5em 0); // gutter between text and floated image + width: 33%; +} + // fancybox gallery images have a magnifying glass in the corner .update-img { a { @@ -988,12 +991,7 @@ input.final-submit { } .problem-header { - margin-bottom:1em; -} -.problem-header .update-img { - float: $right; - margin-#{$left}: 0.5em; - margin-bottom: 0.5em; + margin-bottom: 1em; } .report_meta_info, |