header: improve text wrapping

Author: swharden

layouts/_default/baseof.html

@@ -179,14 +179,17 @@
 
   <header>
     <div class="container limit-width py-3">
-      <div class="d-flex align-items-center">
-        <a href="/patch/">
-          <img src="/patch/img/logo-only-dark-bg.svg" height="75">
-        </a>
+      <div class="d-flex align-items-center justify-content-between">
         <div class="ms-3">
           <div class="fs-1 fw-semibold"><a href='/patch/' class="text-dark">The Patch Guide</a></div>
-          <div class="fs-5 fw-light">A Student's Guide to Patch-Clamp Electrophysiology</div>
+          <div class="fs-5 fw-light d-flex flex-wrap">
+            <div>A Student's Guide to&nbsp;</div>
+            <div>Patch-Clamp Electrophysiology</div>
+          </div>
         </div>
+        <a href="/patch/">
+          <img src="/patch/img/logo-only-dark-bg.svg" height="75">
+        </a>
       </div>
     </div>
   </header>