From c715e849b0bb1499ad4d1c40dbbe47512fce0711 Mon Sep 17 00:00:00 2001
From: Kevin-McIsaac <kevin.mcisaac@gmail.com>
Date: Fri, 11 Mar 2016 09:31:56 +1100
Subject: [PATCH 1/3] Make heading cell brackets stand out more by changing the
 colour when the mouse hovers over the bracket or the bracket is selected. The
 colour is chosen to match the colour on the left of a selected cell.

Highlighting of selected cells does not work correctly as all brackets are highlight, not just the level of the selected heading.
---
 .../usability/collapsible_headings/main.css    | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/nbextensions/usability/collapsible_headings/main.css b/nbextensions/usability/collapsible_headings/main.css
index 940d242..61a1e05 100644
--- a/nbextensions/usability/collapsible_headings/main.css
+++ b/nbextensions/usability/collapsible_headings/main.css
@@ -78,10 +78,10 @@ div.cell {
   border-width: 0 1px 0 1px;
 }
 
-.chb div:hover,
-.chb .chb-hover {
-    border-color: #000;
+.chb div:hover, .chb .chb-hover, .jupyter-soft-selected .chb div{
+    border-color:  #42A5F5;
     border-left-color: transparent;
+	  border-width: 0 2px 0 0;
 }
 
 .chb .chb-start {
@@ -98,6 +98,18 @@ div.cell {
   border-width: 5px 2px 2px 4px;
 }
 
+
+.chb-start div:hover, .chb .chb-start.chb-hover, .jupyter-soft-selected .chb .chb-start {
+  border-top-width: 2px;
+  margin-top: 2px;
+}
+
+.chb-end div:hover, .chb .chb-end.chb-hover, .jupyter-soft-selected .chb .chb-end {
+  border-bottom-width: 2px;
+  margin-bottom: 2px;
+}
+
+
 /* ellipsis rules */
 .collapsible_headings_ellipsis .rendered_html h1,
 .collapsible_headings_ellipsis .rendered_html h2,

From bbafbfff7d34ec4b844e9d6358247d00879433b3 Mon Sep 17 00:00:00 2001
From: Kevin-McIsaac <kevin.mcisaac@gmail.com>
Date: Tue, 22 Mar 2016 13:18:22 +1100
Subject: [PATCH 2/3] Added suggestions by jcb91

---
 .../usability/collapsible_headings/main.css        | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/nbextensions/usability/collapsible_headings/main.css b/nbextensions/usability/collapsible_headings/main.css
index 61a1e05..52ab451 100644
--- a/nbextensions/usability/collapsible_headings/main.css
+++ b/nbextensions/usability/collapsible_headings/main.css
@@ -75,10 +75,12 @@ div.cell {
   border-color: #aaa;
   border-left-color: transparent;
   border-style: solid;
-  border-width: 0 1px 0 1px;
+  border-width: 0 2px 0 2px;
 }
 
-.chb div:hover, .chb .chb-hover, .jupyter-soft-selected .chb div{
+.chb div:hover, 
+.chb .chb-hover, 
+.jupyter-soft-selected .chb div{
     border-color:  #42A5F5;
     border-left-color: transparent;
 	  border-width: 0 2px 0 0;
@@ -94,22 +96,20 @@ div.cell {
   margin-bottom: 2px;
 }
 
-.collapsible_headings_collapsed .chb .chb-start {
+.collapsible_headings_collapsed 
+.chb 
+.chb-start {
   border-width: 5px 2px 2px 4px;
 }
 
-
 .chb-start div:hover, .chb .chb-start.chb-hover, .jupyter-soft-selected .chb .chb-start {
   border-top-width: 2px;
-  margin-top: 2px;
 }
 
 .chb-end div:hover, .chb .chb-end.chb-hover, .jupyter-soft-selected .chb .chb-end {
   border-bottom-width: 2px;
-  margin-bottom: 2px;
 }
 
-
 /* ellipsis rules */
 .collapsible_headings_ellipsis .rendered_html h1,
 .collapsible_headings_ellipsis .rendered_html h2,

From 2aaa121eda46e6fa8266e3b243529fad6671c9f8 Mon Sep 17 00:00:00 2001
From: Kevin-McIsaac <kevin.mcisaac@gmail.com>
Date: Tue, 22 Mar 2016 03:06:56 +0000
Subject: [PATCH 3/3] minor tweaks

---
 nbextensions/usability/collapsible_headings/main.css | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/nbextensions/usability/collapsible_headings/main.css b/nbextensions/usability/collapsible_headings/main.css
index 52ab451..523592f 100644
--- a/nbextensions/usability/collapsible_headings/main.css
+++ b/nbextensions/usability/collapsible_headings/main.css
@@ -78,12 +78,16 @@ div.cell {
   border-width: 0 2px 0 2px;
 }
 
+.collapsible_headings_collapsed .chb .chb-start {
+  border-width: 5px 2px 2px 4px;
+}
+
 .chb div:hover, 
 .chb .chb-hover, 
 .jupyter-soft-selected .chb div{
     border-color:  #42A5F5;
     border-left-color: transparent;
-	  border-width: 0 2px 0 0;
+	  border-width: 0 3px 0 0;
 }
 
 .chb .chb-start {
@@ -96,12 +100,6 @@ div.cell {
   margin-bottom: 2px;
 }
 
-.collapsible_headings_collapsed 
-.chb 
-.chb-start {
-  border-width: 5px 2px 2px 4px;
-}
-
 .chb-start div:hover, .chb .chb-start.chb-hover, .jupyter-soft-selected .chb .chb-start {
   border-top-width: 2px;
 }