From 7bbdbe70e11383a7b928e822aea36438153a6e8a Mon Sep 17 00:00:00 2001
From: Kai Henseler <kai.henseler@strato.de>
Date: Thu, 8 Aug 2024 15:29:14 +0200
Subject: [PATCH] style(software): improve smartphone layout

Signed-off-by: Kai Henseler <kai.henseler@strato.de>
---
 src/components/help/Software.vue | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/src/components/help/Software.vue b/src/components/help/Software.vue
index 5471a34..b3a165f 100644
--- a/src/components/help/Software.vue
+++ b/src/components/help/Software.vue
@@ -155,4 +155,25 @@ export default defineComponent({
 	font-size: 10px;
 	vertical-align: middle;
 }
+
+@media (max-width: 600px) {
+	.mobile-apps {
+		gap: 1em;
+		padding-bottom: 0;
+
+		.ios {
+			max-width: 15em;
+		}
+
+		.android {
+			max-width: 15em;
+			padding-right: 0;
+		}
+	}
+
+	.desktop-apps {
+		flex-direction: column;
+		gap: 1em;
+	}
+}
 </style>