Gaia back button experiment

gistfile1.diff

diff --git a/shared/style/headers.css b/shared/style/headers.css
index 896b254..7c40d68 100644
--- a/shared/style/headers.css
+++ b/shared/style/headers.css
@@ -31,7 +31,6 @@ section[role="region"] > header:first-child h1 {
   color: #fff;
   white-space: nowrap;
   text-overflow: ellipsis;
-  display: block;
   overflow: hidden;
   margin: 0 0 0 3rem;
   padding-right: 1rem;
@@ -148,12 +147,11 @@ section[role="region"] > header:first-child button:focus {
   border: none !important;
 }

-section[role="region"] > header:first-child a:not([aria-disabled="true"]):active .icon:after,
-section[role="region"] > header:first-child button:not(:disabled):active .icon:after,
+section[role="region"] > header:first-child a:not([aria-disabled="true"]):active,
+section[role="region"] > header:first-child button:not(:disabled):active,
 section[role="region"] > header:first-child menu[type="toolbar"] a:not([aria-disabled="true"]):active,
 section[role="region"] > header:first-child menu[type="toolbar"] button:not(:disabled):active  {
-  background: #008aaa !important;
-  transition: background 0.2s ease;
+  background: #008aaa;
 }

 /* Disabled state */
@@ -221,9 +219,8 @@ section[role="region"] > header:first-child > button,
 section[role="region"] > header:first-child > a {
   position: absolute;
   left: 0;
-  width: 5rem;
+  width: 10rem;
   height: 5rem;
-  background: url(headers/images/ui/separator-large.png) no-repeat 2rem top / 0.2rem 5rem;
   overflow: hidden;
 }

@@ -252,7 +249,6 @@ section[role="region"] > header:first-child > a .icon:after {
   z-index: -1;
   width: 2rem;
   height: 4.9rem;
-  background-color: #a03f25;
 }

 section[role="region"] > header > a .icon.icon-menu,