diff --git a/components.html b/components.html
index 7e30871..2cfb74c 100644
--- a/components.html
+++ b/components.html
@@ -1123,8 +1123,7 @@ document
-
-
-
+
Load new page with push
@@ -1141,8 +1140,7 @@ document
-
-
-
+
Load new page with push
diff --git a/dist/ratchet.css b/dist/ratchet.css
index 08ac538..f0edc34 100644
--- a/dist/ratchet.css
+++ b/dist/ratchet.css
@@ -556,7 +556,7 @@ input[type="button"] {
.bar-nav .btn {
position: relative;
- z-index: 10;
+ z-index: 20;
padding: 6px 12px;
margin-top: 8px;
font-weight: 400;
@@ -612,14 +612,16 @@ input[type="button"] {
margin: 0 auto;
}
-.bar .icon {
+.bar > .icon {
+ position: relative;
+ z-index: 20;
font-size: 24px;
margin-top: 11px;
}
-.bar .icon.pull-left {
+.bar > .icon.pull-left {
margin-left: -3px;
}
-.bar .icon.pull-right {
+.bar > .icon.pull-right {
margin-right: -3px;
}
diff --git a/lib/sass/bars.scss b/lib/sass/bars.scss
index ff29916..b19fda4 100644
--- a/lib/sass/bars.scss
+++ b/lib/sass/bars.scss
@@ -139,7 +139,7 @@
.bar-nav .btn {
position: relative;
- z-index: 10; // Position the buttons on top of .title
+ z-index: 20; // Position the buttons on top of .title
padding: 6px 12px;
margin-top: 8px;
font-weight: $font-weight-light;
@@ -221,7 +221,9 @@
// Nav bars with Ratchicons
// --------------------------------------------------
-.bar .icon {
+.bar > .icon {
+ position: relative;
+ z-index: 20; // Position the buttons on top of .title
font-size: 24px;
margin-top: 11px;
diff --git a/one.html b/one.html
index 5dc8466..ff13d4e 100644
--- a/one.html
+++ b/one.html
@@ -10,27 +10,18 @@
-
-
-
-
-
+
-
-
-
+
Load new page with push
diff --git a/two.html b/two.html
index 8e394fb..d1ae496 100644
--- a/two.html
+++ b/two.html
@@ -10,20 +10,13 @@
-
-
-
-
-