From 12ef806b58fbfb81e00aa2bdf1b23970dcfd21eb Mon Sep 17 00:00:00 2001
From: Jonathan Frederic <jon.freder@gmail.com>
Date: Thu, 11 Dec 2014 13:55:11 -0800
Subject: [PATCH] Thinner handle, single handlebar

---
 IPython/html/static/notebook/less/pager.less | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/IPython/html/static/notebook/less/pager.less b/IPython/html/static/notebook/less/pager.less
index f15b62d6d..434fc5e62 100644
--- a/IPython/html/static/notebook/less/pager.less
+++ b/IPython/html/static/notebook/less/pager.less
@@ -8,7 +8,7 @@ div#pager {
     bottom: 0px;
     width: 100%;
     max-height: 50%;
-    padding-top: 10px;
+    padding-top: 8px;
 
     /* Display over codemirror */
     z-index: 100;
@@ -25,7 +25,7 @@ div#pager {
 
     #pager-button-area {
         position: absolute;
-        top: 10px;
+        top: 8px;
         right: 20px; 
     }
 
@@ -44,7 +44,7 @@ div#pager {
 
     .ui-resizable-handle {
         top: 0px;
-        height: 10px;
+        height: 8px;
         background: @cell_background;
         border-top: 1px solid @light_border_color;
         border-bottom: 1px solid @light_border_color;
@@ -52,7 +52,7 @@ div#pager {
         /* Similar to the notebook header's shadow, but not
         exactly the same.  The settings had to be adjusted
         to get the shadow to show. */
-        .box-shadow(1px 4px 9px -4px rgba(0, 0, 0, 0.25));
+        .box-shadow(1px 4px 9px -3px rgba(0, 0, 0, 0.15));
 
         /* This injects handle bars (a short, wide = symbol) for 
         the resize handle. */
@@ -62,11 +62,10 @@ div#pager {
             top: 2px;
             left: 50%;
             height: 3px;
-            width: 20px;
-            margin-left: -10px;
+            width: 30px;
+            margin-left: -15px;
             position: absolute;
 
-            border-bottom: 1px solid @light_border_color;
             border-top: 1px solid @light_border_color;
         }
     }