Improve badge wrapper

src/assets/css/components.css

@@ -160,7 +160,10 @@ a.link-btn[href^="http"]:not([href*="leilukin.com"]) { padding-right: calc(var(-
 
 .adoptables { align-items: flex-end; }
 p + .adoptables { margin-top: 1em; }
-.web-badges { justify-content: center; }
+.web-badges {
+    justify-content: center;
+    margin-bottom: 0.5em;
+}
 
 /* Tabs */
 .tabwrap section { display: none; }

src/index.njk

@@ -187,12 +187,13 @@ by Ann Magill (2021)") }}
     <h2>Badges</h2>
     <div class="web-graphics web-badges">
         <a href="https://validator.w3.org/feed/check.cgi?url=https%3A//leilukin.com/feed.xml"><img src="/assets/buttons/badges/valid-atom.png" alt="Valid Atom 1.0" width="88" height="31" loading="lazy"></a>
+        <a href="https://ko-fi.com/s/798b83fbcc"><img src="/assets/buttons/badges/coffee-powered.png" alt="Coffee powered" width="88" height="31" loading="lazy"></a>
+    </div>
     <div id="wcb" class="carbonbadge wcb-d">
         <noscript>
             <p>Looks like you have JavaScript disabled. JavaScript is required to display the <a href="https://www.websitecarbon.com/badge/">Website Carbon badge</a>.</p>
         </noscript>
     </div>
-    </div>
     <script src="https://unpkg.com/website-carbon-badges@1.1.3/b.min.js" defer></script>
 </section>