From 2f192baba66dccf9f23e3d46def959a3fd7f5c34 Mon Sep 17 00:00:00 2001
From: Tom Butcher <thomasbutcher15@gmail.com>
Date: Thu, 14 Aug 2025 02:02:32 +0100
Subject: [PATCH] Refactored mobile footer in Template component to include
 copyright notice, language selection dropdown, and client information for
 enhanced user experience and responsiveness.

---
 src/login/Template.tsx | 28 ++++++++++++++++++++++++----
 1 file changed, 24 insertions(+), 4 deletions(-)

diff --git a/src/login/Template.tsx b/src/login/Template.tsx
index a398953..105edaa 100644
--- a/src/login/Template.tsx
+++ b/src/login/Template.tsx
@@ -285,10 +285,30 @@ export default function Template(props: TemplateProps<KcContext, I18n>) {
                                             </Flex>
                                         )}
                                     </Flex>
-
-                                    {client.name && isMobile && (
-                                        <Flex justify="center" style={{ marginTop: "18px" }}>
-                                            {clientInfo}
+                                    {isMobile && (
+                                        <Flex gap={"middle"} justify="center" align="center">
+                                            <div>
+                                                <Text>© 2025</Text>
+                                            </div>
+                                            {enabledLanguages.length > 1 && (
+                                                <>
+                                                    <Text>|</Text>
+                                                    <Dropdown menu={languageItems} trigger={["hover"]}>
+                                                        <Text>
+                                                            <Space>
+                                                                {currentLanguage.label}
+                                                                <GlobalOutlined />
+                                                            </Space>
+                                                        </Text>
+                                                    </Dropdown>
+                                                </>
+                                            )}
+                                            {client.name && (
+                                                <>
+                                                    <Text>|</Text>
+                                                    <Flex justify="center">{clientInfo}</Flex>
+                                                </>
+                                            )}
                                         </Flex>
                                     )}
                                 </Flex>