From 62d667d6e3892c0365c156fd79950e50a553f897 Mon Sep 17 00:00:00 2001
From: Yann Bizeul <yann@tynsoe.org>
Date: Thu, 10 Aug 2023 23:38:08 +0200
Subject: [PATCH] Fix inability to set PIN

---
 ui/src/routes/feed.tsx | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/ui/src/routes/feed.tsx b/ui/src/routes/feed.tsx
index 5a52bcd..293dd4d 100644
--- a/ui/src/routes/feed.tsx
+++ b/ui/src/routes/feed.tsx
@@ -221,14 +221,13 @@ export default function Feed() {
             <div className="text-center">
                 Please choose a PIN, it wille expire after 2 minutes:
             </div>
-            <Form
+            <Row justify='center'>
+                    <Col>
+                                <Form
+                action="/"
                 onFinish={setPIN}
                 >
-                <Row justify='center'>
-                    <Col>
-                        <Form
-                            action="/"
-                            >
+
                             <Form.Item
                                 name="PIN"
                                 rules={[{ required: true, type: 'string', len: 4, pattern: RegExp("[0-9]{4}"), validateTrigger:"onBlur" }]}
@@ -240,7 +239,7 @@ export default function Feed() {
                         </Form>
                     </Col>
                 </Row>
-            </Form>
+
         </Modal>
         <Modal title="Delete" className="DeleteModal" open={deleteModalOpen} onOk={handleDeleteModalOK} onCancel={handleDeleteModalCancel} destroyOnClose={true}>
             <p>Do you really want to delete file "{deleteFileName}"?</p>