fix(*): use svg logo

Author: timmywil

_includes/layouts/base.njk

@@ -40,15 +40,15 @@
       <header class="flex-column">
         <div class="flex-row flex-between-start">
           <a id="jq-siteLogo" href="/" title="jQuery UI Bugs Home">
-            <img src="/img/logo.png" width="253" height="66" alt="jQuery UI" />
+            <img src="/img/logo.svg" width="253" alt="jQuery UI" />
           </a>
           <input class="hamburger-toggle visually-hidden" id="jq-menutoggle" type="checkbox" />
           <label aria-label="Toggle Menu" for="jq-menutoggle" class="hamburger-lines flex-column flex-between-center">
             <span class="hamburger-line"></span>
             <span class="hamburger-line"></span>
             <span class="hamburger-line"></span>
           </label>
-          <div id="jq-menus">
+          <div id="jq-menus" class="flex-column">
             <nav id="jq-primaryNavigation">
               <h2 class="visually-hidden">jQuery UI sites navigation menu</h2>
               <ul class="nav">
@@ -146,4 +146,4 @@
       })
     </script>
   </body>
-</html>
+</html>