From c45c70c77102fc3818a21f1d9fc52bd66ebd102a Mon Sep 17 00:00:00 2001
From: Chris Hill-Scott <me@quis.cc>
Date: Sat, 10 Dec 2016 12:19:15 +0000
Subject: [PATCH] Make SVGs 100% wide
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Internet Explorer 11 and below don’t scale SVG images properly when
they’re used in `<img>` tags. See
https://gist.github.com/larrybotha/7881691 for details.

This manifested itself as the SVG images on the product page being
smaller when viewed in IE11 than other browsers.

This commit explicitly sets them the be 100% wide, which seems to fix
the problem.
---
 app/assets/stylesheets/views/product-page.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/views/product-page.scss b/app/assets/stylesheets/views/product-page.scss
index 693304c37..d49b63aa8 100644
--- a/app/assets/stylesheets/views/product-page.scss
+++ b/app/assets/stylesheets/views/product-page.scss
@@ -90,7 +90,7 @@
     }
 
     img {
-      max-width: 100%;
+      width: 100%;
       margin: 0 0 $gutter * 1.5 0;
     }