use octicon for menu chevron (PR #69)

Author: mojavelinux

src/css/nav.css

@@ -219,16 +219,14 @@
 }
 
 .nav-panel-explore .context .version {
-  display: flex;
-  align-items: inherit;
   padding-right: 0.25rem;
 }
 
 .nav-panel-explore:not(:first-child) .context .version::after {
   content: "";
-  background: url(../img/chevron.svg) no-repeat center right / auto 100%;
-  width: 1.25em;
-  height: 0.75em;
+  background: url(../img/octicons-16.svg#view-chevron-down) no-repeat center right -0.15em / 1em 1em;
+  filter: invert(36.5%); /* NOTE should match --color-gray-70 */
+  padding-right: 1.25em;
   margin-right: -0.25rem;
 }
 

src/css/page-versions.css

@@ -12,17 +12,22 @@
 
 .page-versions .version-menu-toggle {
   color: inherit;
-  background: url(../img/chevron.svg) no-repeat;
-  background-position: right 0.5rem top 50%;
-  background-size: auto 0.75em;
+  background-color: transparent;
   border: none;
   outline: none;
   line-height: inherit;
-  padding: 0.5rem 1.5rem 0.5rem 0.5rem;
+  padding: 0.5rem;
   position: relative;
   z-index: var(--z-index-page-version-menu);
 }
 
+.page-versions .version-menu-toggle::after {
+  content: "";
+  background: url(../img/octicons-16.svg#view-chevron-down) no-repeat center right -0.15em / 1em 1em;
+  filter: invert(36.5%); /* NOTE should match --color-gray-70 */
+  padding-right: 1rem;
+}
+
 .page-versions .version-menu {
   display: flex;
   min-width: 100%;