Make button margins consistent, and some other fixes

svelte/src/user_home/MollieDeposit.svelte

@@ -86,7 +86,7 @@ const checkout = async () => {
 		<div class="countries">
 			{#each countries as c}
 				<button on:click={() => country = c}>
-					<span style="font-size: 1.6em; line-height: 1em;">{c.flag}</span>
+					<span class="icon_unicode">{c.flag}</span>
 					<span>{c.name}</span>
 				</button>
 			{/each}
@@ -190,12 +190,6 @@ const checkout = async () => {
 	display: grid;
 	grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
 }
-.countries > button {
-	display: flex;
-	flex-direction: row;
-	text-align: left;
-	gap: 5px;
-}
 
 .processors {
 	display: grid;

svelte/src/user_home/PatreonActivationResult.svelte

@@ -43,6 +43,14 @@ onMount(() => {
 				href="https://www.patreon.com/settings/apps">https://www.patreon.com/settings/apps</a>.
 				Try disconnecting all Pixeldrain logins and try again.
 			</p>
+			<li>
+				This can also happen if you canceled your Patreon membership
+				before upgrading your pixeldrain account. In that case, go to
+				the <a
+				href="https://www.patreon.com/pixeldrain/membership">memberships
+				page</a> and activate your membership again. If you already paid
+				in the last 30 days you will not be charged again.
+			</li>
 			<p>
 				It might also help to try linking the subscription in a
 				different web browser. Sometimes cookies or cached redirects can