style(software): improve smartphone layout

Signed-off-by: Kai Henseler <[email protected]>
IONOS-Productivity · Aug 14, 2024 · 7bbdbe7 · 7bbdbe7
1 parent 027767b
commit 7bbdbe7
Showing 1 changed file with 21 additions and 0 deletions.
diff --git 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>