From 11526d8a04e4be4a9eccb4a79e529080862d3e24 2013-04-29 23:15:52
From: Erik Tollerud <erik.tollerud@gmail.com>
Date: 2013-04-29 23:15:52
Subject: [PATCH] Added clickable icon to collapse pager

Closes #3196

---

diff --git a/IPython/frontend/html/notebook/static/js/pager.js b/IPython/frontend/html/notebook/static/js/pager.js
index 1b0e076..52a52a0 100644
--- a/IPython/frontend/html/notebook/static/js/pager.js
+++ b/IPython/frontend/html/notebook/static/js/pager.js
@@ -48,14 +48,24 @@ var IPython = (function (IPython) {
         var that = this;
         this.pager_button_area.append(
             $('<a>').attr('role', "button")
-                    .attr('title',"open the pager in an external window")
+                    .attr('title',"Open the pager in an external window")
                     .addClass('ui-button')
                     .click(function(){that.detach()})
-                    .attr('style','position: absolute; right: 10px;')
+                    .attr('style','position: absolute; right: 20px;')
                     .append(
                         $('<span>').addClass("ui-icon ui-icon-extlink")
                     )
         )
+        this.pager_button_area.append(
+            $('<a>').attr('role', "button")
+                    .attr('title',"Collapse the pager")
+                    .addClass('ui-button')
+                    .click(function(){that.collapse()})
+                    .attr('style','position: absolute; right: 5px;')
+                    .append(
+                        $('<span>').addClass("ui-icon ui-icon-close")
+                    )
+        )
     };
 
     Pager.prototype.style = function () {