From 11ce47d574e299015bb4df9abf8c1a7bd439864d Mon Sep 17 00:00:00 2001
From: Denys Shurubura <denys.shurubura@gmail.com>
Date: Thu, 2 Nov 2023 16:59:17 +0200
Subject: [PATCH] fixes

---
 src/App.tsx | 62 +++++++++++++++++++++++++++++------------------------
 1 file changed, 34 insertions(+), 28 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index b9c32c87ed..e21932d2ad 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -63,40 +63,46 @@ export const App = () => {
         onSubmit={submitHandler}
       >
         <div className="field">
-          <input
-            type="text"
-            data-cy="titleInput"
-            value={title}
-            onChange={(event) => {
-              setTitle(event.target.value);
-              setTitleError(false);
-            }}
-            required
-          />
+          <label>
+            Title:
+            <input
+              type="text"
+              data-cy="titleInput"
+              placeholder="Enter a title"
+              value={title}
+              onChange={(event) => {
+                setTitle(event.target.value);
+                setTitleError(false);
+              }}
+            />
+          </label>
 
           {titleError
             && (<span className="error">Please enter a title</span>)}
         </div>
 
         <div className="field">
-          <select
-            data-cy="userSelect"
-            defaultValue="0"
-            onChange={event => {
-              setUserId(+event.target.value);
-              setUserError(false);
-            }}
-          >
-            <option value="0" disabled>Choose a user</option>
-            {usersFromServer.map(user => (
-              <option
-                value={user.id}
-                key={user.id}
-              >
-                {user.name}
-              </option>
-            ))}
-          </select>
+          <label>
+            User:
+            <select
+              data-cy="userSelect"
+              defaultValue="0"
+              onChange={event => {
+                setUserId(+event.target.value);
+                setUserError(false);
+              }}
+            >
+              <option value="0" disabled>Choose a user</option>
+              {usersFromServer.map(user => (
+                <option
+                  value={user.id}
+                  key={user.id}
+                >
+                  {user.name}
+                </option>
+              ))}
+            </select>
+          </label>
 
           {userError
             && (<span className="error">Please choose a user</span>)}