Give text a bit more padding next to the chevrons in bars.

dist/ratchet.css

@@ -334,10 +334,10 @@ a {
 
 /* Prev/next button base styles */
 .bar-title .button-prev {
-  padding-left: 20px; /* Push over to make room for chevrons */
+  padding-left: 22px; /* Push over to make room for chevrons */
 }
 .bar-title .button-next {
-  padding-right: 20px; /* Push over to make room for chevrons */
+  padding-right: 22px; /* Push over to make room for chevrons */
 }
 
 /* Position the chevrons horizontally */

dist/ratchet.js

@@ -764,4 +764,4 @@
     toggle    = false;
   });
 
-}();
+}();

lib/css/bars.css

@@ -174,10 +174,10 @@
 
 /* Prev/next button base styles */
 .bar-title .button-prev {
-  padding-left: 20px; /* Push over to make room for chevrons */
+  padding-left: 22px; /* Push over to make room for chevrons */
 }
 .bar-title .button-next {
-  padding-right: 20px; /* Push over to make room for chevrons */
+  padding-right: 22px; /* Push over to make room for chevrons */
 }
 
 /* Position the chevrons horizontally */