docs: Fix browser badge

docs/index.html

@@ -312,13 +312,8 @@
 				</div>
 				<p class="text-blue-700 font-bold py-4 text-center md:text-left fade-in">Desktop app:</p>
 				<div class="w-full flex justify-center md:justify-start pb-24 lg:pb-0 fade-in">
-					<div class="max-h-12 pr-2 mb-2 bounce-top-icons inline">
-						<a href="https://fluffychat.im/web/"
-							class="max-h-12 bg-black w-36 rounded flex items-center bounce-top-icons">
-							<img class="h-8 m-2 ml-3" src="firefox_icon.png" />
-							<p class="text-white m-2 font-bold text-sm leading-3">Open in Browser</p>
-						</a>
-					</div>
+					<a href="https://fluffychat.im/web">
+						<img src="browser-badge.png" class="max-h-12 pr-2 mb-2 bounce-top-icons inline"></a>
 					<a href="https://snapcraft.io/fluffychat"><img
 							src="https://snapcraft.io/static/images/badges/en/snap-store-black.svg"
 							class="max-h-12 pr-2 mb-2 bounce-top-icons inline"></a>