Fixed 1 line output collapser to be in view and not cut off, expand more icon now is a button on hover state

packages/cells/style/collapser.css

@@ -48,6 +48,12 @@
 }
 
 
+.jp-Cell .jp-Collapser .jp-Collapser-icon.jp-ExpandLessIcon {
+  position: relative;
+  bottom: -3px;
+}
+
+
 .jp-Cell.jp-mod-active .jp-Collapser-child .jp-Collapser-icon {
   display: block;
 }

packages/cells/style/placeholder.css

@@ -31,6 +31,12 @@
   background-position: center;
   background-size: 32px;
   width: 32px;
-  height: 100%;
-  margin-left: 4px;
+  height: 16px;
+  border: 1px solid transparent;
+}
+
+.jp-Placeholder-content .jp-MoreHorizIcon:hover {
+  border: 1px solid var(--md-grey-400);
+  box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.24);
+  background-color: var(--jp-layout-color0);
 }

packages/theming/style/icons/md/expand-less.svg

@@ -1,4 +1,11 @@
-<svg fill="#2196F3" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
-    <path d="M12 8l-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14z"/>
-    <path d="M0 0h24v24H0z" fill="none"/>
-</svg>
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#2196F3;}
+	.st1{fill:none;}
+</style>
+<path class="st0" d="M12,9l-6,6l1.4,1.4l4.6-4.6l4.6,4.6L18,15L12,9z"/>
+<path class="st1" d="M0,0h24v24H0V0z"/>
+</svg>