diff --git a/css/betternavigator.css b/css/betternavigator.css
index 64dfbd6..80d786d 100644
--- a/css/betternavigator.css
+++ b/css/betternavigator.css
@@ -1 +1 @@
-.svg-images--bn-icon--view,.bn-icon-view,.svg-images--bn-icon--user,.bn-icon-user,.svg-images--bn-icon--tools,.bn-icon-tools,.svg-images--bn-icon--tick,.bn-icon-tick,.svg-images--bn-icon--info,.bn-icon-info,.svg-images--bn-icon--flush,.bn-icon-flush,.svg-images--bn-icon--edit,.bn-icon-edit,.svg-images--bn-icon--devmode,.svg-images--bn-icon--db,.bn-icon-db,.svg-images--bn-icon--cog,.bn-icon-cog,.svg-images--bn-icon--close,.bn-icon-close{background:url("svg/sprite.css-ee2f11ac.svg") no-repeat}.svg-images--bn-icon--close,.bn-icon-close{background-position:0 0}.svg-images--bn-icon--close-dims,.bn-icon-close{width:16px;height:16px}.svg-images--bn-icon--cog,.bn-icon-cog{background-position:33.3333333333% 0}.svg-images--bn-icon--cog-dims,.bn-icon-cog{width:16px;height:16px}.svg-images--bn-icon--db,.bn-icon-db{background-position:0 50%}.svg-images--bn-icon--db-dims,.bn-icon-db{width:16px;height:16px}.svg-images--bn-icon--devmode{background-position:33.3333333333% 50%}.svg-images--bn-icon--devmode-dims{width:16px;height:16px}.svg-images--bn-icon--edit,.bn-icon-edit{background-position:66.6666666667% 0}.svg-images--bn-icon--edit-dims,.bn-icon-edit{width:16px;height:16px}.svg-images--bn-icon--flush,.bn-icon-flush{background-position:66.6666666667% 50%}.svg-images--bn-icon--flush-dims,.bn-icon-flush{width:16px;height:16px}.svg-images--bn-icon--info,.bn-icon-info{background-position:0 100%}.svg-images--bn-icon--info-dims,.bn-icon-info{width:16px;height:16px}.svg-images--bn-icon--tick,.bn-icon-tick{background-position:33.3333333333% 100%}.svg-images--bn-icon--tick-dims,.bn-icon-tick{width:16px;height:16px}.svg-images--bn-icon--tools,.bn-icon-tools{background-position:66.6666666667% 100%}.svg-images--bn-icon--tools-dims,.bn-icon-tools{width:16px;height:16px}.svg-images--bn-icon--user,.bn-icon-user{background-position:100% 0}.svg-images--bn-icon--user-dims,.bn-icon-user{width:16px;height:16px}.svg-images--bn-icon--view,.bn-icon-view{background-position:100% 50%}.svg-images--bn-icon--view-dims,.bn-icon-view{width:16px;height:16px}span[class^=bn-icon],span[class*=" bn-icon"]{display:inline-block}.bn-icon-close{transform:scale(0.8);margin:-1px -6px 0 0}.bn-icon-db{transform:scale(0.8)}.bn-icon-edit{transform:scale(0.9)}.bn-icon-flush{transform:scale(0.8)}.bn-icon-info{transform:scale(0.8)}.bn-icon-tick{transform:scale(0.85)}.bn-icon-tools{transform:scale(0.9)}.bn-icon-view{transform:scale(0.95)}#BetterNavigator{position:fixed;z-index:99999;max-height:100%;overflow:auto;font-family:Helvetica,Arial,sans-serif;font-size:12px;line-height:16px;text-align:left}#BetterNavigator a{text-decoration:none}#BetterNavigator form{display:none}#BetterNavigator.collapsed{box-shadow:0px 0px 3px rgba(0,0,0,.5)}#BetterNavigator.collapsed.translucent{opacity:.5;transition:opacity 250ms}#BetterNavigator.collapsed.translucent:hover{opacity:1}#BetterNavigator.collapsed #BetterNavigatorStatus{border-width:1px}#BetterNavigator.collapsed #BetterNavigatorStatus .bn-icon-close{display:none}#BetterNavigator.collapsed #BetterNavigatorStatus .bn-icon-cog{display:inline-block}#BetterNavigator.collapsed #BetterNavigatorContent{display:none}#BetterNavigator.right-top{right:0;top:0}#BetterNavigator.right-top.collapsed{transform-origin:right top;transform:rotate(90deg) translate(100%, 0)}#BetterNavigator.right-bottom{right:0;bottom:0}#BetterNavigator.right-bottom.collapsed{transform-origin:right bottom;transform:rotate(90deg) translate(0, 100%)}#BetterNavigator.left-bottom{left:0;bottom:0}#BetterNavigator.left-bottom.collapsed{transform-origin:left bottom;transform:rotate(90deg) translate(-100%, 0)}#BetterNavigator.left-top{left:0;top:0}#BetterNavigator.left-top.collapsed{transform-origin:left top;transform:rotate(90deg) translate(0, -100%)}#BetterNavigatorStatus{color:#fff;background:#6f6f6f;border:1px solid #646464;border-width:0;text-transform:uppercase;cursor:pointer;padding:10px 15px 8px;font-weight:bold}#BetterNavigatorStatus .bn-icon-cog{margin:-4px 8px -4px -4px;display:none}#BetterNavigatorStatus .bn-icon-close{float:right}#BetterNavigatorStatus .bn-icon-cog,#BetterNavigatorStatus .bn-icon-close{opacity:.7}#BetterNavigatorStatus:hover{background:dimgray}#BetterNavigatorStatus:hover .bn-icon-cog,#BetterNavigatorStatus:hover .bn-icon-close{opacity:1}#BetterNavigatorStatus.Live{background:#39b54a;border-color:#33a343}#BetterNavigatorStatus.Live:hover{background:#36ac46}#BetterNavigatorStatus.Draft{background:#f26c4f;border-color:#da6147}#BetterNavigatorStatus.Draft:hover{background:#e6674b}#BetterNavigatorContent{padding:6px;color:#71767a;background:#cfd8de;border:1px solid #bac2c8;border-width:0 0 1px 1px;min-width:140px}#BetterNavigatorContent .bn-heading{text-align:center;text-transform:uppercase;font-size:11px;margin:8px 0 4px 0}#BetterNavigatorContent span[class^=bn-icon],#BetterNavigatorContent span[class*=" bn-icon"]{margin:-2px 5px -3px -2px}#BetterNavigatorContent a,#BetterNavigatorContent span.bn-disabled{display:block;background:#eceff2;color:#313639;font-family:Helvetica,Arial,sans-serif;font-size:12px;border-radius:5px;border-bottom:1px solid #a3aaaf;margin:0 0 4px 0;padding:6px 10px 5px 10px;line-height:16px;font-weight:bold}#BetterNavigatorContent a .light,#BetterNavigatorContent span.bn-disabled .light{font-weight:normal}#BetterNavigatorContent a:focus,#BetterNavigatorContent a:hover,#BetterNavigatorContent a:active{background:#fff;color:#000}#BetterNavigatorContent span.bn-disabled{background:#afbac0;color:#51565a;cursor:default}body>p.message{text-align:left;background:#fff;color:#222;padding:10px 20px;margin:0;border-bottom:1px solid #ccc;border-left:5px solid #1d8aff}/*# sourceMappingURL=betternavigator.css.map */
+.svg-images--bn-icon--view,.bn-icon-view,.svg-images--bn-icon--user,.bn-icon-user,.svg-images--bn-icon--tools,.bn-icon-tools,.svg-images--bn-icon--tick,.bn-icon-tick,.svg-images--bn-icon--info,.bn-icon-info,.svg-images--bn-icon--flush,.bn-icon-flush,.svg-images--bn-icon--edit,.bn-icon-edit,.svg-images--bn-icon--devmode,.svg-images--bn-icon--db,.bn-icon-db,.svg-images--bn-icon--cog,.bn-icon-cog,.svg-images--bn-icon--close,.bn-icon-close{background:url("svg/sprite.css-ce8a5080.svg") no-repeat}.svg-images--bn-icon--close,.bn-icon-close{background-position:0 0}.svg-images--bn-icon--close-dims,.bn-icon-close{width:16px;height:16px}.svg-images--bn-icon--cog,.bn-icon-cog{background-position:33.3333333333% 0}.svg-images--bn-icon--cog-dims,.bn-icon-cog{width:16px;height:16px}.svg-images--bn-icon--db,.bn-icon-db{background-position:0 50%}.svg-images--bn-icon--db-dims,.bn-icon-db{width:16px;height:16px}.svg-images--bn-icon--devmode{background-position:33.3333333333% 50%}.svg-images--bn-icon--devmode-dims{width:16px;height:16px}.svg-images--bn-icon--edit,.bn-icon-edit{background-position:66.6666666667% 0}.svg-images--bn-icon--edit-dims,.bn-icon-edit{width:16px;height:16px}.svg-images--bn-icon--flush,.bn-icon-flush{background-position:66.6666666667% 50%}.svg-images--bn-icon--flush-dims,.bn-icon-flush{width:16px;height:16px}.svg-images--bn-icon--info,.bn-icon-info{background-position:0 100%}.svg-images--bn-icon--info-dims,.bn-icon-info{width:16px;height:16px}.svg-images--bn-icon--tick,.bn-icon-tick{background-position:33.3333333333% 100%}.svg-images--bn-icon--tick-dims,.bn-icon-tick{width:16px;height:16px}.svg-images--bn-icon--tools,.bn-icon-tools{background-position:66.6666666667% 100%}.svg-images--bn-icon--tools-dims,.bn-icon-tools{width:16px;height:16px}.svg-images--bn-icon--user,.bn-icon-user{background-position:100% 0}.svg-images--bn-icon--user-dims,.bn-icon-user{width:16px;height:16px}.svg-images--bn-icon--view,.bn-icon-view{background-position:100% 50%}.svg-images--bn-icon--view-dims,.bn-icon-view{width:16px;height:16px}span[class^=bn-icon],span[class*=" bn-icon"]{display:inline-block}.bn-icon-close{transform:scale(0.8);margin:-1px -6px 0 0}.bn-icon-db{transform:scale(0.8)}.bn-icon-edit{transform:scale(0.9)}.bn-icon-flush{transform:scale(0.8)}.bn-icon-info{transform:scale(0.8)}.bn-icon-tick{transform:scale(0.85)}.bn-icon-tools{transform:scale(0.9)}.bn-icon-view{transform:scale(0.95)}#BetterNavigator{position:fixed;z-index:99999;max-height:100%;overflow:auto;font-family:Helvetica,Arial,sans-serif;font-size:12px;line-height:16px;text-align:left}#BetterNavigator a{text-decoration:none}#BetterNavigator form{display:none}#BetterNavigator.collapsed{box-shadow:0px 0px 3px rgba(0,0,0,.5)}#BetterNavigator.collapsed.translucent{opacity:.5;transition:opacity 250ms}#BetterNavigator.collapsed.translucent:hover{opacity:1}#BetterNavigator.collapsed #BetterNavigatorStatus{border-width:1px}#BetterNavigator.collapsed #BetterNavigatorStatus .bn-icon-close{display:none}#BetterNavigator.collapsed #BetterNavigatorStatus .bn-icon-cog{display:inline-block}#BetterNavigator.collapsed #BetterNavigatorContent{display:none}#BetterNavigator.right-top{right:0;top:0}#BetterNavigator.right-top.collapsed{transform-origin:right top;transform:rotate(90deg) translate(100%, 0)}#BetterNavigator.right-bottom{right:0;bottom:0}#BetterNavigator.right-bottom.collapsed{transform-origin:right bottom;transform:rotate(90deg) translate(0, 100%)}#BetterNavigator.left-bottom{left:0;bottom:0}#BetterNavigator.left-bottom.collapsed{transform-origin:left bottom;transform:rotate(90deg) translate(-100%, 0)}#BetterNavigator.left-top{left:0;top:0}#BetterNavigator.left-top.collapsed{transform-origin:left top;transform:rotate(90deg) translate(0, -100%)}#BetterNavigatorStatus{color:#fff;background:#6f6f6f;border:1px solid #646464;border-width:0;text-transform:uppercase;cursor:pointer;padding:10px 15px 8px;font-weight:bold;transition:100ms background-color ease-in-out}#BetterNavigatorStatus .bn-icon-cog{margin:-4px 8px -4px -4px;display:none}#BetterNavigatorStatus .bn-icon-close{float:right}#BetterNavigatorStatus .bn-icon-cog,#BetterNavigatorStatus .bn-icon-close{opacity:.7}#BetterNavigatorStatus:hover{background:dimgray}#BetterNavigatorStatus:hover .bn-icon-cog,#BetterNavigatorStatus:hover .bn-icon-close{opacity:1}#BetterNavigatorStatus.Live{background:#4a831c;border-color:#437619}#BetterNavigatorStatus.Live:hover{background:#467c1b}#BetterNavigatorStatus.Draft{background:#c0462b;border-color:#ad3f27}#BetterNavigatorStatus.Draft:hover{background:#b64329}#BetterNavigatorContent{padding:6px;color:#595d61;background:#cfd8de;border:1px solid #bac2c8;border-width:0 0 1px 1px;min-width:140px;transition:100ms background-color ease-in-out}#BetterNavigatorContent .bn-heading{text-transform:uppercase;font-size:11px;margin:8px 0 4px 0}#BetterNavigatorContent span[class^=bn-icon],#BetterNavigatorContent span[class*=" bn-icon"]{margin:-2px 5px -3px -2px}#BetterNavigatorContent a,#BetterNavigatorContent span.bn-disabled{display:block;background:#eceff2;color:#313639;font-family:Helvetica,Arial,sans-serif;font-size:12px;border-radius:5px;border-bottom:1px solid #a3aaaf;margin:0 0 4px 0;padding:6px 10px 5px 10px;line-height:16px;font-weight:bold}#BetterNavigatorContent a .light,#BetterNavigatorContent span.bn-disabled .light{font-weight:normal}#BetterNavigatorContent a:focus,#BetterNavigatorContent a:hover{background:#fff;color:#000}#BetterNavigatorContent a:active{background:#d4d7da;border-color:#acb3b7}#BetterNavigatorContent span.bn-disabled{background:#c6d3da;color:#51565a;cursor:default}#BetterNavigatorContent .bn-links>:last-child{margin-bottom:0}body>p.message{text-align:left;background:#fff;color:#222;padding:10px 20px;margin:0;border-bottom:1px solid #ccc;border-left:5px solid #1d8aff}/*# sourceMappingURL=betternavigator.css.map */
diff --git a/css/betternavigator.css.map b/css/betternavigator.css.map
index 07829fb..6f1219c 100644
--- a/css/betternavigator.css.map
+++ b/css/betternavigator.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../scss/_iconsprite.scss","../scss/betternavigator.scss"],"names":[],"mappings":"AAAA,wbACI,wDAGJ,2CAEI,wBAGJ,gDACI,WACA,YAGJ,uCAEI,qCAGJ,4CACI,WACA,YAGJ,qCAEI,0BAGJ,0CACI,WACA,YAGJ,8BAEI,uCAGJ,mCACI,WACA,YAGJ,yCAEI,qCAGJ,8CACI,WACA,YAGJ,2CAEI,uCAGJ,gDACI,WACA,YAGJ,yCAEI,2BAGJ,8CACI,WACA,YAGJ,yCAEI,wCAGJ,8CACI,WACA,YAGJ,2CAEI,wCAGJ,gDACI,WACA,YAGJ,yCAEI,2BAGJ,8CACI,WACA,YAGJ,yCAEI,6BAGJ,8CACI,WACA,YCvFJ,6CAEE,qBAGF,eAGI,qBACA,qBAQJ,YAGI,qBAGJ,cAGI,qBAGJ,eAGI,qBAGJ,cAGI,qBAGJ,cAGI,sBAGJ,eAGI,qBAQJ,cAGI,sBAKJ,iBACI,eACA,cACA,gBACA,cACA,uCACA,eACA,iBACA,gBAEA,mBACI,qBAGJ,sBACI,aAKJ,2BACI,sCAEA,uCACI,WACA,yBAEA,6CACI,UAIR,kDACI,iBAEA,iEACI,aAGJ,+DACI,qBAIR,mDACI,aAIR,2BACI,QACA,MAEA,qCACI,2BACA,2CAIR,8BACI,QACA,SAEA,wCACI,8BACA,2CAIR,6BACI,OACA,SAEA,uCACI,6BACA,4CAIR,0BACI,OACA,MAEA,oCACI,0BACA,4CAOZ,uBACI,MA9KI,KA+KJ,WAnKW,QAoKX,yBACA,eACA,yBACA,eACA,sBACA,iBAEA,oCACE,0BACA,aAGF,sCACE,YAGF,0EAEE,WAGF,6BACI,mBAEA,sFAEE,UAIN,4BACI,WArMI,QAsMJ,qBAEA,kCACI,mBAIR,6BACI,WA7MK,QA8ML,qBAEA,mCACI,mBAOZ,wBACI,YACA,MAlOW,QAmOX,WAlOgB,QAmOhB,yBACA,yBACA,gBAEA,oCACI,kBACA,yBACA,eACA,mBAGJ,6FAEE,0BAGF,mEAEI,cACA,WAnPW,QAoPX,MAtPM,QAuPN,uCACA,eACA,kBACA,gCACA,iBACA,0BACA,iBACA,iBAEA,iFACI,mBAIR,iGAGI,WA7QA,KA8QA,MA/QA,KAkRJ,yCACI,WA1QmB,QA2QnB,MA7Qc,QA8Qd,eAKR,eACI,gBACA,gBACA,WACA,kBACA,SACA,6BACA","file":"betternavigator.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../scss/_iconsprite.scss","../scss/betternavigator.scss"],"names":[],"mappings":"AAAA,wbACI,wDAGJ,2CAEI,wBAGJ,gDACI,WACA,YAGJ,uCAEI,qCAGJ,4CACI,WACA,YAGJ,qCAEI,0BAGJ,0CACI,WACA,YAGJ,8BAEI,uCAGJ,mCACI,WACA,YAGJ,yCAEI,qCAGJ,8CACI,WACA,YAGJ,2CAEI,uCAGJ,gDACI,WACA,YAGJ,yCAEI,2BAGJ,8CACI,WACA,YAGJ,yCAEI,wCAGJ,8CACI,WACA,YAGJ,2CAEI,wCAGJ,gDACI,WACA,YAGJ,yCAEI,2BAGJ,8CACI,WACA,YAGJ,yCAEI,6BAGJ,8CACI,WACA,YCvFJ,6CAEE,qBAGF,eAGI,qBACA,qBAQJ,YAGI,qBAGJ,cAGI,qBAGJ,eAGI,qBAGJ,cAGI,qBAGJ,cAGI,sBAGJ,eAGI,qBAQJ,cAGI,sBAKJ,iBACI,eACA,cACA,gBACA,cACA,uCACA,eACA,iBACA,gBAEA,mBACI,qBAGJ,sBACI,aAKJ,2BACI,sCAEA,uCACI,WACA,yBAEA,6CACI,UAIR,kDACI,iBAEA,iEACI,aAGJ,+DACI,qBAIR,mDACI,aAIR,2BACI,QACA,MAEA,qCACI,2BACA,2CAIR,8BACI,QACA,SAEA,wCACI,8BACA,2CAIR,6BACI,OACA,SAEA,uCACI,6BACA,4CAIR,0BACI,OACA,MAEA,oCACI,0BACA,4CAOZ,uBACI,MA9KI,KA+KJ,WAnKW,QAoKX,yBACA,eACA,yBACA,eACA,sBACA,iBACA,8CAEA,oCACE,0BACA,aAGF,sCACE,YAGF,0EAEE,WAGF,6BACI,mBAEA,sFAEE,UAIN,4BACI,WAtMI,QAuMJ,qBAEA,kCACI,mBAIR,6BACI,WA9MK,QA+ML,qBAEA,mCACI,mBAOZ,wBACI,YACA,MAnOW,QAoOX,WAnOgB,QAoOhB,yBACA,yBACA,gBACA,8CAEA,oCACI,yBACA,eACA,mBAGJ,6FAEE,0BAGF,mEAEI,cACA,WApPW,QAqPX,MAvPM,QAwPN,uCACA,eACA,kBACA,gCACA,iBACA,0BACA,iBACA,iBAEA,iFACI,mBAIR,gEAEI,WA7QA,KA8QA,MA/QA,KAkRJ,iCACI,mBACA,qBAGJ,yCACI,WA/QmB,QAgRnB,MAlRc,QAmRd,eAIA,8CACI,gBAMZ,eACI,gBACA,gBACA,WACA,kBACA,SACA,6BACA","file":"betternavigator.css"}
\ No newline at end of file
diff --git a/css/svg/sprite.css-ce8a5080.svg b/css/svg/sprite.css-ce8a5080.svg
new file mode 100644
index 0000000..2f8781a
--- /dev/null
+++ b/css/svg/sprite.css-ce8a5080.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/css/svg/sprite.css-ee2f11ac.svg b/css/svg/sprite.css-ee2f11ac.svg
deleted file mode 100644
index ee4f944..0000000
--- a/css/svg/sprite.css-ee2f11ac.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/images/bn-icon/close.svg b/images/bn-icon/close.svg
index 9ffcb7f..de02aea 100644
--- a/images/bn-icon/close.svg
+++ b/images/bn-icon/close.svg
@@ -1,5 +1 @@
-
-
-cross
-
-
+
diff --git a/images/bn-icon/cog.svg b/images/bn-icon/cog.svg
index 9cf1359..ee3d478 100644
--- a/images/bn-icon/cog.svg
+++ b/images/bn-icon/cog.svg
@@ -1,5 +1 @@
-
-
-cog
-
-
+
diff --git a/images/bn-icon/db.svg b/images/bn-icon/db.svg
index daedd06..baf5816 100644
--- a/images/bn-icon/db.svg
+++ b/images/bn-icon/db.svg
@@ -1,7 +1 @@
-
-
-database
-
-
-
-
+
\ No newline at end of file
diff --git a/images/bn-icon/devmode.svg b/images/bn-icon/devmode.svg
index cb54f8d..10df7da 100644
--- a/images/bn-icon/devmode.svg
+++ b/images/bn-icon/devmode.svg
@@ -1,5 +1 @@
-
-
-traffic-cone
-
-
+
\ No newline at end of file
diff --git a/images/bn-icon/edit.svg b/images/bn-icon/edit.svg
index 1f8fc69..d343db6 100644
--- a/images/bn-icon/edit.svg
+++ b/images/bn-icon/edit.svg
@@ -1,5 +1 @@
-
-
-edit
-
-
+
\ No newline at end of file
diff --git a/images/bn-icon/flush.svg b/images/bn-icon/flush.svg
index 08f9e82..be4c59d 100644
--- a/images/bn-icon/flush.svg
+++ b/images/bn-icon/flush.svg
@@ -1,5 +1 @@
-
-
-spinner11
-
-
+
\ No newline at end of file
diff --git a/images/bn-icon/info.svg b/images/bn-icon/info.svg
index bd8266e..c3cebfc 100644
--- a/images/bn-icon/info.svg
+++ b/images/bn-icon/info.svg
@@ -1,5 +1 @@
-
-
-bug
-
-
+
\ No newline at end of file
diff --git a/images/bn-icon/tick.svg b/images/bn-icon/tick.svg
index 48b07f3..978ae64 100644
--- a/images/bn-icon/tick.svg
+++ b/images/bn-icon/tick.svg
@@ -1,5 +1 @@
-
-
-checkmark
-
-
+
\ No newline at end of file
diff --git a/images/bn-icon/tools.svg b/images/bn-icon/tools.svg
index 4c8cdc2..67fc79e 100644
--- a/images/bn-icon/tools.svg
+++ b/images/bn-icon/tools.svg
@@ -1,5 +1 @@
-
-
-tools
-
-
+
\ No newline at end of file
diff --git a/images/bn-icon/user.svg b/images/bn-icon/user.svg
index e6325b7..2f03d79 100644
--- a/images/bn-icon/user.svg
+++ b/images/bn-icon/user.svg
@@ -1,5 +1 @@
-
-
-user
-
-
+
\ No newline at end of file
diff --git a/images/bn-icon/view.svg b/images/bn-icon/view.svg
index bc3e734..29c872c 100644
--- a/images/bn-icon/view.svg
+++ b/images/bn-icon/view.svg
@@ -1,5 +1 @@
-
-
-eye
-
-
+
\ No newline at end of file
diff --git a/scss/_iconsprite.scss b/scss/_iconsprite.scss
index afbdbbd..bda4f98 100644
--- a/scss/_iconsprite.scss
+++ b/scss/_iconsprite.scss
@@ -1,5 +1,5 @@
%svg-common {
- background: url("svg/sprite.css-ee2f11ac.svg") no-repeat;
+ background: url("svg/sprite.css-ce8a5080.svg") no-repeat;
}
.svg-images--bn-icon--close {
diff --git a/scss/betternavigator.scss b/scss/betternavigator.scss
index efc6c69..3403f9f 100644
--- a/scss/betternavigator.scss
+++ b/scss/betternavigator.scss
@@ -10,16 +10,16 @@ $black: #000;
$white: #FFF;
$textColor: $white;
-$contentColor: #71767a;
-$contentBackground: #cfd8de;
+$contentColor: #595D61;
+$contentBackground: #CFD8DE;
$buttonColor: #313639;
-$buttonColorDisabled: #51565a;
-$buttonBackground: #eceff2;
-$buttonBackgroundDisabled: #afbac0;
-$buttonBorder: #a3aaaf;
-$liveColor: #39b54a;
-$stageColor: #f26c4f;
-$archiveColor: #6f6f6f;
+$buttonColorDisabled: #51565A;
+$buttonBackground: #ECEFF2;
+$buttonBackgroundDisabled: #C6D3DA;
+$buttonBorder: #A3AAAF;
+$liveColor: #4A831C;
+$stageColor: #C0462B;
+$archiveColor: #6F6F6F;
// Icons
span[class^='bn-icon'],
@@ -189,6 +189,7 @@ span[class*=' bn-icon']{
cursor: pointer;
padding: 10px 15px 8px;
font-weight: bold;
+ transition: 100ms background-color ease-in-out;
.bn-icon-cog {
margin: -4px 8px -4px -4px;
@@ -241,9 +242,9 @@ span[class*=' bn-icon']{
border: 1px solid mix($black, $contentBackground, 10%);
border-width: 0 0 1px 1px;
min-width: 140px;
+ transition: 100ms background-color ease-in-out;
.bn-heading {
- text-align: center;
text-transform: uppercase;
font-size: 11px;
margin: 8px 0 4px 0;
@@ -274,17 +275,27 @@ span[class*=' bn-icon']{
}
a:focus,
- a:hover,
- a:active {
+ a:hover {
background: $white;
color: $black;
}
+ a:active {
+ background: mix($black, $buttonBackground, 10%);
+ border-color: mix($white, $buttonBorder, 10%);
+ }
+
span.bn-disabled {
background: $buttonBackgroundDisabled;
color: $buttonColorDisabled;
cursor: default;
}
+
+ .bn-links {
+ > :last-child {
+ margin-bottom: 0;
+ }
+ }
}
// Some help for debugging info
diff --git a/templates/JonoM/BetterNavigator/BetterNavigator.ss b/templates/JonoM/BetterNavigator/BetterNavigator.ss
index dd37a0e..63824e2 100644
--- a/templates/JonoM/BetterNavigator/BetterNavigator.ss
+++ b/templates/JonoM/BetterNavigator/BetterNavigator.ss
@@ -49,8 +49,7 @@
<% if $Mode='dev' %>
-
- <%t JonoM\BetterNavigator.DEV_MOVE_ON_LABEL 'Dev mode on' %>
+ <%t JonoM\BetterNavigator.DEV_MOVE_ON_LABEL 'Dev mode on' %>
<% else %>
<%t JonoM\BetterNavigator.DEV_MODE_LABEL 'Dev mode' %>