From 193986748c1cbda3a4bb869d2a1493ab709503f4 Mon Sep 17 00:00:00 2001
From: Jonathan Frederic <jon.freder@gmail.com>
Date: Mon, 9 Feb 2015 11:22:04 -0800
Subject: [PATCH 1/2] Prevent output images from being larger than their
 container.

---
 IPython/html/static/notebook/less/outputarea.less | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/IPython/html/static/notebook/less/outputarea.less b/IPython/html/static/notebook/less/outputarea.less
index 4b5738d84..2cc1db030 100644
--- a/IPython/html/static/notebook/less/outputarea.less
+++ b/IPython/html/static/notebook/less/outputarea.less
@@ -131,6 +131,13 @@ div.output_png {
 div.output_jpeg {
 }
 
+// Prevent the image outputs from being wider than the page.
+div.output_png div.ui-wrapper, 
+div.output_svg div.ui-wrapper, 
+div.output_jpeg div.ui-wrapper {
+    max-width: 100%
+}
+
 /* Empty output_javascript divs should have no height */
 div.output_javascript:empty {
     padding: 0;

From c639380a1f87a930110166cc6c86af76ed50109f Mon Sep 17 00:00:00 2001
From: Jonathan Frederic <jon.freder@gmail.com>
Date: Mon, 9 Feb 2015 11:22:45 -0800
Subject: [PATCH 2/2] invoke css

---
 IPython/html/static/style/ipython.min.css | 5 +++++
 IPython/html/static/style/style.min.css   | 5 +++++
 2 files changed, 10 insertions(+)

diff --git a/IPython/html/static/style/ipython.min.css b/IPython/html/static/style/ipython.min.css
index 04def6d2f..357f18f62 100644
--- a/IPython/html/static/style/ipython.min.css
+++ b/IPython/html/static/style/ipython.min.css
@@ -892,6 +892,11 @@ div.output_stderr {
 div.output_latex {
   text-align: left;
 }
+div.output_png div.ui-wrapper,
+div.output_svg div.ui-wrapper,
+div.output_jpeg div.ui-wrapper {
+  max-width: 100%;
+}
 /* Empty output_javascript divs should have no height */
 div.output_javascript:empty {
   padding: 0;
diff --git a/IPython/html/static/style/style.min.css b/IPython/html/static/style/style.min.css
index 13cda7083..c785f2edd 100644
--- a/IPython/html/static/style/style.min.css
+++ b/IPython/html/static/style/style.min.css
@@ -9668,6 +9668,11 @@ div.output_stderr {
 div.output_latex {
   text-align: left;
 }
+div.output_png div.ui-wrapper,
+div.output_svg div.ui-wrapper,
+div.output_jpeg div.ui-wrapper {
+  max-width: 100%;
+}
 /* Empty output_javascript divs should have no height */
 div.output_javascript:empty {
   padding: 0;