DOCS-701 create next/prev links at bottom of pages

Author: Ed Costello

themes/mongodb/layout.html

@@ -100,13 +100,13 @@
 <div id="btnv">
 <ul id="btnvl">
 {%- if prev %}
-<li><a href="{{ prev.link|e }}">{{ prev.title|striptags|e }}</a>&nbsp;&lt;</li>
+<li id="btnvpr"><a href="{{ prev.link|e }}" title="Previous Section: {{ prev.title|striptags|e }}">&larr; {{ prev.title|striptags|e }}</a></li>
 {%- endif %}
 {%- if parents %}
-<li><a href="{{ parents[0].link|e }}">{{ parents[0].title|striptags|e }}</a></li>
+<li id="btnvup"><a href="{{ parents[0].link|e }}" title="Parent Section: {{ parents[0].title|striptags|e }}" >&uarr; {{ parents[0].title|striptags|e }}</a></li>
 {%- endif %}
 {%- if next %}
-<li>&nbsp;&gt; <a href="{{ next.link|e }}">{{ next.title|striptags|e }}</a></li>
+<li id="btnvnx"><a href="{{ next.link|e }}" title="Next Section: {{ next.title|striptags|e }}">{{ next.title|striptags|e }} &rarr;</a></li>
 {%- endif %}
 </ul>
 </div>

themes/mongodb/static/mongodb-docs.css_t

@@ -738,3 +738,11 @@ div.admonition p {line-height:1.6875}
 dd > div.admonition {margin-left:0;}
 p > div.admonition {margin-left:0;}
 li > div.admonition {margin-left:0;}
+
+div#btnv {padding-top:3em}
+div#btnv ul#btnvl {display:block;width:66%;text-align:center;}
+div#btnv ul#btnvl li {display:inline;list-item-style:none;font-size:10pt;padding:1em; width:33%}
+div#btnv ul#btnvl li#btnvup:before, 
+div#btnv ul#btnvl li#btnvnx:before {content:" ";padding-left:1em;padding-right:1em;color:#c48c55}
+
+