From 8a9eac0daea62ef3ad67525c90bb26ecec01c9ea Mon Sep 17 00:00:00 2001
From: Serhii Horodilov <sgorodil@gmail.com>
Date: Wed, 31 Jan 2024 11:15:21 +0200
Subject: [PATCH] Apply styling for auth forms (fixes GH-16)

---
 src/index.js                       |  4 ++--
 src/scss/auth.scss                 | 25 +++++++++++++++++++++++++
 src/scss/sign-in.scss              |  0
 src/scss/sign-up.scss              |  0
 src/views/partials/signin_form.hbs |  2 +-
 src/views/partials/signup_form.hbs |  2 +-
 6 files changed, 29 insertions(+), 4 deletions(-)
 create mode 100644 src/scss/auth.scss
 delete mode 100644 src/scss/sign-in.scss
 delete mode 100644 src/scss/sign-up.scss

diff --git a/src/index.js b/src/index.js
index 6c6ba56..48f76c5 100644
--- a/src/index.js
+++ b/src/index.js
@@ -12,11 +12,11 @@ import * as bootstrap from "bootstrap"
 // include htmx library
 import * as htmx from "htmx.org"
 
+// include custom stylesheets and javascript
+import "./scss/auth.scss"
 import "./scss/detail.scss"
 import "./scss/form.scss"
 import "./scss/list.scss"
 import "./scss/profile.scss"
-import "./scss/sign-in.scss"
-import "./scss/sign-up.scss"
 
 import "./js/tasks"
diff --git a/src/scss/auth.scss b/src/scss/auth.scss
new file mode 100644
index 0000000..e6c7d75
--- /dev/null
+++ b/src/scss/auth.scss
@@ -0,0 +1,25 @@
+// authentication form view stylesheet
+
+$input-border-radius: 0.75rem;
+
+#formAuth {
+  .form-floating {
+    input {
+      border-radius: 0;
+    }
+  }
+
+  .form-floating:first-of-type {
+    input {
+      border-top-right-radius: $input-border-radius;
+      border-top-left-radius: $input-border-radius;
+    }
+  }
+
+  .form-floating:last-of-type {
+    input {
+      border-bottom-right-radius: $input-border-radius;
+      border-bottom-left-radius: $input-border-radius;
+    }
+  }
+}
diff --git a/src/scss/sign-in.scss b/src/scss/sign-in.scss
deleted file mode 100644
index e69de29..0000000
diff --git a/src/scss/sign-up.scss b/src/scss/sign-up.scss
deleted file mode 100644
index e69de29..0000000
diff --git a/src/views/partials/signin_form.hbs b/src/views/partials/signin_form.hbs
index dc78ab1..c4529c0 100644
--- a/src/views/partials/signin_form.hbs
+++ b/src/views/partials/signin_form.hbs
@@ -1,4 +1,4 @@
-<form class="w-50 m-auto v-100" id="formAuth" aria-label="Login Form">
+<form class="w-50 m-auto" id="formAuth" aria-label="Login Form">
   <h1 class="h3 fw-normal mb-3 text-center">Please sing in</h1>
   <div class="form-floating">
     <input type="text" class="form-control shadow" id="username" name="username" placeholder="Username">
diff --git a/src/views/partials/signup_form.hbs b/src/views/partials/signup_form.hbs
index ecb4357..e1348dc 100644
--- a/src/views/partials/signup_form.hbs
+++ b/src/views/partials/signup_form.hbs
@@ -1,4 +1,4 @@
-<form class="w-50 m-auto form-registration" id="formAuth" aria-label="Login Form">
+<form class="w-50 m-auto" id="formAuth" aria-label="Login Form">
   <h1 class="h3 fw-normal mb-3 text-center">Register a new account</h1>
   <div class="form-floating">
     <input type="text" class="form-control shadow" id="username" name="username" placeholder="Username">