From 02c3e33cafa63aa04e0f92ef06a4da396216fd1b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= <wolle.huss@pjannto.com>
Date: Tue, 17 Mar 2026 14:23:16 +0100
Subject: [PATCH] Make table in 'DemoLoginLocalized.vue' scrollable on mobile

---
 docs/.vuepress/components/DemoLoginLocalized.vue | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/docs/.vuepress/components/DemoLoginLocalized.vue b/docs/.vuepress/components/DemoLoginLocalized.vue
index 7b8cabf..02ba77f 100644
--- a/docs/.vuepress/components/DemoLoginLocalized.vue
+++ b/docs/.vuepress/components/DemoLoginLocalized.vue
@@ -6,6 +6,7 @@
       {{ t.introAfter }}
     </p>
 
+    <div class="table-scroll">
     <table>
       <thead>
         <tr>
@@ -32,6 +33,7 @@
         </tr>
       </tbody>
     </table>
+    </div>
   </div>
 </template>
 
@@ -89,3 +91,9 @@ const i18n = {
 const locale = useRouteLocale()
 const t = computed(() => i18n[locale.value] ?? i18n["/en/"])
 </script>
+
+<style scoped>
+.table-scroll {
+  overflow-x: auto;
+}
+</style>