From 46bdc3c730320e2fc6f422ddf6e54af2d91ac001 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ma=C3=ABl=20Gangloff?= <contact@maelgangloff.fr>
Date: Fri, 23 Aug 2024 22:24:11 +0200
Subject: [PATCH] fix: responsive footer

---
 assets/App.tsx                               |  5 +++--
 assets/components/search/DomainSearchBar.tsx | 10 +++++++---
 translations/translations.pot                | 14 +++++++-------
 3 files changed, 17 insertions(+), 12 deletions(-)

diff --git a/assets/App.tsx b/assets/App.tsx
index 72e13a3..6c0ebab 100644
--- a/assets/App.tsx
+++ b/assets/App.tsx
@@ -40,7 +40,8 @@ export default function App() {
     const contextValue = useMemo(() => ({
         authenticated,
         setIsAuthenticated
-    }), [authenticated, setIsAuthenticated]);
+    }), [authenticated, setIsAuthenticated])
+
 
     useEffect(() => {
         getUser().then(() => {
@@ -96,7 +97,7 @@ export default function App() {
                     </div>
                 </Layout.Content>
                 <Layout.Footer style={{textAlign: 'center'}}>
-                    <Space size='middle'>
+                    <Space size='middle' wrap align='center'>
                         <Link to='/tos'><Button type='text'>{t`TOS`}</Button></Link>
                         <Link to='/privacy'><Button type='text'>{t`Privacy Policy`}</Button></Link>
                         <Link to='/faq'><Button type='text'>{t`FAQ`}</Button></Link>
diff --git a/assets/components/search/DomainSearchBar.tsx b/assets/components/search/DomainSearchBar.tsx
index f98c124..3926136 100644
--- a/assets/components/search/DomainSearchBar.tsx
+++ b/assets/components/search/DomainSearchBar.tsx
@@ -8,7 +8,6 @@ export type FieldType = {
 }
 
 export function DomainSearchBar({onFinish}: { onFinish: (values: FieldType) => void }) {
-
     return <Form
         onFinish={onFinish}
         autoComplete="off"
@@ -26,8 +25,13 @@ export function DomainSearchBar({onFinish}: { onFinish: (values: FieldType) => v
                 min: 2
             }]}
         >
-            <Input size="large" prefix={<SearchOutlined/>} placeholder="example.com" autoFocus={true}
-                   autoComplete='off'/>
+            <Input style={{textAlign: 'center'}}
+                   size="large"
+                   prefix={<SearchOutlined/>}
+                   placeholder="example.com"
+                   autoComplete='off'
+                   autoFocus
+            />
         </Form.Item>
     </Form>
 }
\ No newline at end of file
diff --git a/translations/translations.pot b/translations/translations.pot
index cee74a5..a7c27e9 100644
--- a/translations/translations.pot
+++ b/translations/translations.pot
@@ -12,7 +12,7 @@ msgstr ""
 #: assets/components/LoginForm.tsx:62
 #: assets/components/RegisterForm.tsx:41
 #: assets/components/RegisterForm.tsx:49
-#: assets/components/search/DomainSearchBar.tsx:21
+#: assets/components/search/DomainSearchBar.tsx:20
 #: assets/components/tracking/connector/ConnectorForm.tsx:43
 #: assets/components/tracking/connector/ConnectorForm.tsx:69
 #: assets/components/tracking/connector/ConnectorForm.tsx:77
@@ -52,7 +52,7 @@ msgstr ""
 msgid "Entities"
 msgstr ""
 
-#: assets/components/search/DomainSearchBar.tsx:24
+#: assets/components/search/DomainSearchBar.tsx:23
 #: assets/components/tracking/watchlist/WatchlistForm.tsx:118
 msgid "This domain name does not appear to be valid"
 msgstr ""
@@ -1024,23 +1024,23 @@ msgid ""
 "another"
 msgstr ""
 
-#: assets/App.tsx:100
+#: assets/App.tsx:101
 msgid "TOS"
 msgstr ""
 
-#: assets/App.tsx:101
+#: assets/App.tsx:102
 msgid "Privacy Policy"
 msgstr ""
 
-#: assets/App.tsx:102
+#: assets/App.tsx:103
 msgid "FAQ"
 msgstr ""
 
-#: assets/App.tsx:104
+#: assets/App.tsx:105
 msgid "Documentation"
 msgstr ""
 
-#: assets/App.tsx:107
+#: assets/App.tsx:108
 #, javascript-format
 msgid ""
 "${ ProjectLink } is an open source project distributed under the ${ "