set width on SVGs so they are constrained when styles are disabled

Author: mojavelinux

src/css/header.css

@@ -43,7 +43,6 @@ body {
 }
 
 .navbar-brand img {
-  height: inherit;
   width: inherit;
 }
 

src/partials/footer-content.hbs

@@ -1,7 +1,7 @@
 <footer class="footer">
   <div class="footer-main">
     <figure class="footer-brand">
-      <a class="logo" href="https://asciidoctor.org"><img src="{{uiRootPath}}/img/asciidoctor-logo.svg" alt="Asciidoctor"></a>
+      <a class="logo" href="https://asciidoctor.org"><img src="{{uiRootPath}}/img/asciidoctor-logo.svg" alt="Asciidoctor" width="48"></a>
       <figcaption class="footer-brand-name"><a href="https://asciidoctor.org">Asciidoctor</a></figcaption>
     </figure>
     <ul class="footer-brand-links">

src/partials/header-content.hbs

@@ -1,7 +1,7 @@
 <header class="header">
   <nav class="navbar">
     <div class="navbar-brand">
-      <a class="navbar-item logo" title="Asciidoctor" href="https://asciidoctor.org"><img src="{{{uiRootPath}}}/img/asciidoctor-logo.svg" alt="Asciidoctor"></a>
+      <a class="navbar-item logo" title="Asciidoctor" href="https://asciidoctor.org"><img src="{{{uiRootPath}}}/img/asciidoctor-logo.svg" alt="Asciidoctor" width="48"></a>
       <button class="navbar-burger" data-target="topbar-nav">
         <span></span>
         <span></span>