From d172784f323db9124daf76991f214972d4f5bd4e Mon Sep 17 00:00:00 2001
From: Karsa <karsa@karsa.org>
Date: Sat, 6 May 2023 21:55:38 +0200
Subject: [PATCH] Responsive support for XS screens

---
 .../theme/components/packages/PackageListItem.vue          | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/docs/.vitepress/theme/components/packages/PackageListItem.vue b/docs/.vitepress/theme/components/packages/PackageListItem.vue
index 4609a8026..bb1681c9f 100644
--- a/docs/.vitepress/theme/components/packages/PackageListItem.vue
+++ b/docs/.vitepress/theme/components/packages/PackageListItem.vue
@@ -59,10 +59,15 @@ const props = defineProps<{
 }
 .package-header {
   display: flex;
-  flex-direction: row;
+  flex-direction: column;
   align-items: flex-start;
   gap: 24px;
 }
+@media screen and (min-width: 480px) {
+  .package-header {
+    flex-direction: row;
+  }
+}
 .package-icon-well {
   padding: 16px;
   border-radius: 12px;