Converted to `col-xs-*` from `col-md-*` classes for navbar div

By doing this, when a page is heavily zoomed in (e.g. 500%) the navbar
icons stay in the same row, rather than breaking onto two different rows.

diff --git a/_includes/episode_navbar.html b/_includes/episode_navbar.html
index b9f85f6bda40c87832bdf1fdf2b137df35cd4d68..3bee002297bd3c70fb7e9f146a3f55a11f8bd3e0 100644 (file)
--- a/_includes/episode_navbar.html
+++ b/_includes/episode_navbar.html
@@ -2,7 +2,7 @@
   Navigation bar for an episode.
 {% endcomment %}
 <div class="row">
-  <div class="col-md-1">
+  <div class="col-xs-1">
     <h3>
       {% if page.previous.url %}
       <a href="{{ page.root }}{{ page.previous.url }}"><span class="glyphicon glyphicon-menu-left" aria-hidden="true"></span><span class="sr-only">previous episode</span></a>
@@ -11,12 +11,12 @@
       {% endif %}
     </h3>
   </div>
-  <div class="col-md-10">
+  <div class="col-xs-10">
     {% if include.episode_navbar_title %}
     <h3 class="maintitle"><a href="{{ page.root }}/">{{ site.title }}</a></h3>
     {% endif %}
   </div>
-  <div class="col-md-1">
+  <div class="col-xs-1">
     <h3>
       {% if page.next.url %}
       <a href="{{ page.root }}{{ page.next.url }}"><span class="glyphicon glyphicon-menu-right" aria-hidden="true"></span><span class="sr-only">next episode</span></a>