Add horizontal scrolling and fix image constraining

packages/outputarea/style/index.css

@@ -47,6 +47,13 @@
   flex-grow: 1;
   flex-shrink: 1;
   height: auto;
+  overflow-x: auto;
+}
+
+
+.jp-OutputArea-output img.jp-mod-unconfined,
+.jp-OutputArea-output svg.jp-mod-unconfined {
+  max-width: none;
 }
 
 

packages/rendermime/style/index.css

@@ -103,17 +103,6 @@
 }
 
 
-.jp-RenderedHTMLCommon img.jp-mod-unconfined {
-  max-width: none;
-}
-
-
-.jp-RenderedHTMLCommon img {
-  max-width: 100%;
-  height: auto;
-}
-
-
 .jp-RenderedHTMLCommon strong {
   font-weight: bold;
 }
@@ -381,17 +370,14 @@ margin-top = 14, 14, 14, 14, 8, 8
 
 
 .jp-RenderedHTMLCommon img,
-.jp-RenderedHTMLCommon svg {
+.jp-RenderedImage img,
+.jp-RenderedHTMLCommon svg,
+.jp-RenderedSVG svg {
   max-width: 100%;
   height: auto;
 }
 
 
-.jp-RenderedHTMLCommon img.unconfined,
-.jp-RenderedHTMLCommon svg.unconfined {
-  max-width: none;
-}
-
 .jp-RenderedHTMLCommon .alert {
   margin-bottom: initial;
 }