From 9ddb0de4f770ee6c46f395accbe4acd1941b8669 Mon Sep 17 00:00:00 2001
From: amechkarov <mechkarov.alexander@gmail.com>
Date: Mon, 18 Mar 2024 20:47:37 +0200
Subject: [PATCH] Fields now use simple input style

---
 src/main/resources/static/css/styles.css      | 16 +++++++++-
 src/main/resources/templates/LoginView.html   | 10 +++----
 .../resources/templates/RegisterView.html     | 30 +++++++++----------
 3 files changed, 35 insertions(+), 21 deletions(-)

diff --git a/src/main/resources/static/css/styles.css b/src/main/resources/static/css/styles.css
index e9a0132..fe6d5ff 100644
--- a/src/main/resources/static/css/styles.css
+++ b/src/main/resources/static/css/styles.css
@@ -2328,6 +2328,11 @@ header{
 .w-10{
     width: 10%;
 }
+
+.w-70{
+    width: 70%;
+}
+
 .w-8{
     width: 8%;
 }
@@ -2335,9 +2340,18 @@ header{
     width: 5%;
 }
 
-.pd-l-3{
+.marg-l-3{
     margin-left: 3rem ;
 }
+
+.marg-l-2em{
+    margin-left: 2.5em ;
+}
+
+.marg-l-1em{
+    margin-left: 1.5em ;
+}
+
 .centered-error {
     position: fixed;
     left: 50%; /* Center horizontally */
diff --git a/src/main/resources/templates/LoginView.html b/src/main/resources/templates/LoginView.html
index 14b9e6c..eae7207 100644
--- a/src/main/resources/templates/LoginView.html
+++ b/src/main/resources/templates/LoginView.html
@@ -12,16 +12,16 @@
         <form class="outline login-container" action="#" th:action="@{/auth/login}" th:object="${login}" method="post">
             <label  class="font-aquire" th:text="#{user.label.username}">Username</label>
             <br/>
-            <input type="text" th:field="*{username}"/><br/>
-            <div class="error error-login" th:errors="*{username}">Username error placeholder</div>
+            <input class="simple-input-style w-70 marg-l-2em" type="text" th:field="*{username}"/><br/>
+            <div class="error error-login marg-l-1em" th:errors="*{username}">Username error placeholder</div>
 
             <label class="font-aquire" th:text="#{user.label.password}">Password</label>
             <br/>
-            <input type="password" th:field="*{password}"/>
-            <div class="error error-login" th:errors="*{password}">Password error placeholder</div>
+            <input class="simple-input-style w-70 marg-l-2em" type="password" th:field="*{password}"/>
+            <div class="error error-login marg-l-1em" th:errors="*{password}">Password error placeholder</div>
             <br/>
             <div class="login-button">
-                <input class="py-3 rounded" type="submit" value="Login"/>
+                <input class="py-3 rounded font-aquire" type="submit" value="Login"/>
             </div>
         </form>
     </div>
diff --git a/src/main/resources/templates/RegisterView.html b/src/main/resources/templates/RegisterView.html
index 617d809..6a9d74b 100644
--- a/src/main/resources/templates/RegisterView.html
+++ b/src/main/resources/templates/RegisterView.html
@@ -11,41 +11,41 @@
         <form class="outline login-container" action="#" th:action="@{/auth/register}" th:object="${register}" method="post">
             <label class="font-aquire" th:text="#{user.label.username}">Username</label>
             <br/>
-            <input type="text" th:field="*{username}"/><br/>
-            <div class="error error-login" th:errors="*{username}">Username error placeholder</div>
+            <input class="simple-input-style marg-l-2em w-70" type="text" th:field="*{username}"/><br/>
+            <div class="error error-login marg-l-1em" th:errors="*{username}">Username error placeholder</div>
 
             <label class="font-aquire" th:text="#{user.label.password}">Password</label>
             <br/>
-            <input type="password" th:field="*{password}"/><br/>
-            <div class="error error-login" th:errors="*{password}">Password error placeholder</div>
+            <input class="simple-input-style marg-l-2em w-70" type="password" th:field="*{password}"/><br/>
+            <div class="error error-login marg-l-1em" th:errors="*{password}">Password error placeholder</div>
 
             <label class="font-aquire" th:text="#{user.label.confirm.password}">Confirm Password</label>
             <br/>
-            <input type="password" th:field="*{passwordConfirm}"/><br/>
-            <div class="error error-login" th:errors="*{passwordConfirm}">Password confirm error placeholder</div>
+            <input class="simple-input-style marg-l-2em w-70" type="password" th:field="*{passwordConfirm}"/><br/>
+            <div class="error error-login marg-l-1em" th:errors="*{passwordConfirm}">Password confirm error placeholder</div>
 
             <label class="font-aquire" th:text="#{user.label.first-name}">First Name</label>
             <br/>
-            <input type="text" th:field="*{firstName}"/><br/>
-            <div class="error error-login" th:errors="*{firstName}">First name error placeholder</div>
+            <input class="simple-input-style marg-l-2em w-70" type="text" th:field="*{firstName}"/><br/>
+            <div class="error error-login marg-l-1em" th:errors="*{firstName}">First name error placeholder</div>
 
             <label class="font-aquire" th:text="#{user.label.last-name}">Last Name</label>
             <br/>
-            <input type="text" th:field="*{lastName}"/><br/>
-            <div class="error error-login" th:errors="*{lastName}">Last name error placeholder</div>
+            <input class="simple-input-style marg-l-2em w-70" type="text" th:field="*{lastName}"/><br/>
+            <div class="error error-login marg-l-1em" th:errors="*{lastName}">Last name error placeholder</div>
 
             <label class="font-aquire" th:text="#{user.label.email}">Email</label>
             <br/>
-            <input type="text" th:field="*{email}"/><br/>
-            <div class="error error-login" th:errors="*{email}">Email</div>
+            <input class="simple-input-style marg-l-2em w-70" type="text" th:field="*{email}"/><br/>
+            <div class="error error-login marg-l-1em" th:errors="*{email}">Email</div>
 
 
             <label class="font-aquire" th:text="#{user.label.phone}">Phone</label>
             <br/>
-            <input type="text" th:field="*{phoneNumber}"/><br/>
-            <div class="error error-login" th:errors="*{phoneNumber}">Phone number</div>
+            <input class="simple-input-style marg-l-2em w-70" type="text" th:field="*{phoneNumber}"/><br/>
+            <div class="error error-login marg-l-1em" th:errors="*{phoneNumber}">Phone number</div>
             <div class="login-button">
-                <input class="py-3 rounded" type="submit" value="Register"/>
+                <input class="py-3 rounded font-aquire" type="submit" value="Register"/>
             </div>
         </form>
     </div>