Better button alignment

src/LinkDotNet.Blog.Web/Features/ShowBlogPost/Components/DonationSection.razor

@@ -1,17 +1,23 @@
 @inject AppConfiguration AppConfiguration
-<div class="d-inline-flex gap-2 align-items-center">
+<div class="d-flex flex-column flex-md-row gap-2 justify-content-start">
     @if (AppConfiguration.IsKofiEnabled)
     {
-        <Kofi KofiToken="@AppConfiguration.KofiToken"></Kofi>
+        <div class="mb-2 mb-md-0 me-md-2">
+            <Kofi KofiToken="@AppConfiguration.KofiToken"></Kofi>
+        </div>
     }
 
     @if (AppConfiguration.IsGithubSponsorAvailable)
     {
-        <GithubSponsor Name="@AppConfiguration.GithubSponsorName"></GithubSponsor>
+        <div class="mb-2 mb-md-0 me-md-2">
+            <GithubSponsor Name="@AppConfiguration.GithubSponsorName"></GithubSponsor>
+        </div>
     }
 
     @if (AppConfiguration.IsPatreonEnabled)
     {
-	    <Patreon PatreonName="@AppConfiguration.PatreonName"></Patreon>
+        <div class="mb-2 mb-md-0 me-md-2">
+            <Patreon PatreonName="@AppConfiguration.PatreonName"></Patreon>
+        </div>
     }
-</div>
+</div>

src/LinkDotNet.Blog.Web/Features/ShowBlogPost/Components/GithubSponsor.razor

@@ -1,4 +1,4 @@
-<a href="https://github.com/sponsors/@Name" class="text-decoration-none border border-dark rounded p-1 link" target="_blank">
+<a href="https://github.com/sponsors/@Name" class="text-decoration-none border border-dark rounded p-2 link" target="_blank">
     <i class="github"></i> Sponsors
 </a>
 @code {

src/LinkDotNet.Blog.Web/Features/ShowBlogPost/Components/Patreon.razor

@@ -1,5 +1,5 @@
 <a href="https://www.patreon.com/@PatreonName" target="_blank" bind
-   class="text-decoration-none border border-dark rounded p-1 link"
+   class="text-decoration-none border border-dark rounded p-2 link"
    style="background: #fb6856">
 	<i class="me-2" style="color: white">
 		<svg style="height: 1em; width: 1em;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">