tidy up the nav buttons

Author: bcgwebdesign

themes/doi-theme/assets/sass/partials/_handbook.scss

@@ -63,18 +63,24 @@
       border:1px solid lightgrey;
       flex-basis:50%;
       padding:10px 20px;
+      transition: all 0.2s;
       &:hover {
         cursor:pointer;
-        background-color:#5c7292;
-        color:#fff;
+        transition: all 0.2s;
+        border:1px solid #5c7292;
       }
     }
     .prev {
-      
+      .prevtext:before {
+        content: "« ";
+      }
     }
     .next {
       text-align:right;
 
+      .nexttext:after {
+        content: " »";
+      }
     }
 
   }

themes/doi-theme/static/data/handbook-html.xslt

@@ -82,7 +82,8 @@
       </xsl:when>
       <xsl:otherwise>
         <h3>  
-          <xsl:value-of select="substring-after($sectionid,'sec')"/> - 
+          <xsl:value-of select="substring-after($sectionid,'sec')"/>
+          <xsl:text>&#xA0;</xsl:text>
           <xsl:value-of select="normalize-space(.)"/>
         </h3>
       </xsl:otherwise>
@@ -122,7 +123,8 @@
           <div class='section-title'>
             <h2>              
               <xsl:if test="@id != 'preface' and @id != 'sec-glossary'">
-                <xsl:value-of select="substring-after(@id,'sec')"/> - 
+                <xsl:value-of select="substring-after(@id,'sec')"/>
+                <xsl:text>&#xA0;</xsl:text>
               </xsl:if>
               <xsl:value-of select="normalize-space(title)"/>
             </h2>