set viewBox on svg element

Author: mojavelinux

src/css/doc.css

@@ -711,8 +711,6 @@
 
 .code-toolbox .copy-button svg {
   fill: currentColor;
-  width: inherit;
-  height: inherit;
 }
 
 .code-toolbox .copy-toast {

src/css/header.css

@@ -190,8 +190,6 @@ body {
 
 .navbar-item .icon svg {
   fill: currentColor;
-  width: inherit;
-  height: inherit;
 }
 
 .navbar-link {

src/js/06-copy-to-clipboard.js

@@ -26,7 +26,7 @@
     var svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg')
     svg.setAttribute('aria-hidden', 'true')
     svg.setAttribute('class', 'copy-icon')
-    svg.setAttribute('role', 'img')
+    svg.setAttribute('viewBox', '0 0 16 16')
     var use = document.createElementNS('http://www.w3.org/2000/svg', 'use')
     use.setAttribute('href', window.uiRootPath + '/img/octicons.svg#clippy-16')
     svg.appendChild(use)

src/partials/header-content.hbs

@@ -83,7 +83,7 @@
           --}}
           <a class="navbar-item" href="https://github.com/asciidoctor" target="_blank" rel="noopener">
             <span class="icon">
-              <svg xmlns="http://www.w3.org/2000/svg"><use href="{{{uiRootPath}}}/img/octicons.svg#mark-github"></use></svg>
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><use href="{{{uiRootPath}}}/img/octicons.svg#mark-github"></use></svg>
             </span>
           </a>
         </div>