docs: Website buttons fixed

docs/index.html

@@ -303,35 +303,37 @@
 				<p class="text-blue-700 font-bold pb-4 text-center md:text-left fade-in">Mobile app:</p>
 				<div class="w-full flex justify-center md:justify-start pb-24 lg:pb-0 fade-in">
 					<a href="https://apps.apple.com/app/fluffychat/id1551469600"><img src="appstore-badge.png"
-							class="h-12 pr-2 mb-2 bounce-top-icons inline"></a>
+							class="max-h-12 pr-2 mb-2 bounce-top-icons inline"></a>
 					<a href="https://play.google.com/store/apps/details?id=chat.fluffy.fluffychat"><img
-							src="google-play-badge.png" class="h-12 pr-2 mb-2 bounce-top-icons inline">
+							src="google-play-badge.png" class="max-h-12 pr-2 mb-2 bounce-top-icons inline">
 					</a><a href="https://f-droid.org/de/packages/chat.fluffy.fluffychat/"><img src="fdroid_button.png"
-							class="h-12 pr-2 mb-2 bounce-top-icons inline">
+							class="max-h-12 pr-2 mb-2 bounce-top-icons inline">
 					</a>
 				</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="h-12 pr-2 mb-2 bounce-top-icons inline">
+					<div class="max-h-12 pr-2 mb-2 bounce-top-icons inline">
 						<a href="https://fluffychat.im/web/"
-							class="h-12 bg-black w-36 rounded flex items-center bounce-top-icons">
+							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://snapcraft.io/fluffychat"><img
 							src="https://snapcraft.io/static/images/badges/en/snap-store-black.svg"
-							class="h-12 pr-2 mb-2 bounce-top-icons inline"></a>
+							class="max-h-12 pr-2 mb-2 bounce-top-icons inline"></a>
 					<a href="https://flathub.org/apps/details/im.fluffychat.Fluffychat"><img src="flathub-badge-en.png"
-							class="h-12 pr-2 mb-2 bounce-top-icons inline"></a>
+							class="max-h-12 pr-2 mb-2 bounce-top-icons inline"></a>
 				</div>
 
 			</div>
 
 			<!--Right Col-->
 			<div class="w-full xl:w-3/5 py-6 relative">
-				<img class="w-5/6 mx-auto lg:mr-0 slide-in-bottom md:block hidden" src="screenshots/Bildschirmfoto vom 2021-11-05 18-29-38.png">
-				<img class="slide-in-bottom mx-auto md:absolute left-16 bottom-0 w-64 rounded-xl shadow-xl border border-gray-300" src="screenshots/Simulator Screen Shot - iPhone 13 Pro Max - 2021-11-05 at 18.09.00.png">
+				<img class="w-5/6 mx-auto lg:mr-0 slide-in-bottom md:block hidden"
+					src="screenshots/Bildschirmfoto vom 2021-11-05 18-29-38.png">
+				<img class="slide-in-bottom mx-auto md:absolute left-16 bottom-0 w-64 rounded-xl shadow-xl border border-gray-300"
+					src="screenshots/Simulator Screen Shot - iPhone 13 Pro Max - 2021-11-05 at 18.09.00.png">
 			</div>
 
 			<!--Footer-->