From 7f3ac26b982e629eef891f706004eca5f14e11c4 Mon Sep 17 00:00:00 2001
From: MAZE <remvze@proton.me>
Date: Sun, 1 Sep 2024 12:48:15 +0430
Subject: [PATCH] style: minor changes

---
 .../toolbox/todo/form/form.module.css         | 22 +++++++++++++++++--
 1 file changed, 20 insertions(+), 2 deletions(-)

diff --git a/src/components/toolbox/todo/form/form.module.css b/src/components/toolbox/todo/form/form.module.css
index e48d56f..a6fbf06 100644
--- a/src/components/toolbox/todo/form/form.module.css
+++ b/src/components/toolbox/todo/form/form.module.css
@@ -1,4 +1,5 @@
 .wrapper {
+  position: relative;
   display: flex;
   align-items: center;
   height: 45px;
@@ -8,6 +9,22 @@
   border: 1px solid var(--color-neutral-200);
   border-radius: 8px;
 
+  &::before {
+    position: absolute;
+    bottom: -1px;
+    left: 50%;
+    width: 80%;
+    height: 1px;
+    content: '';
+    background: linear-gradient(
+      90deg,
+      transparent,
+      var(--color-neutral-300),
+      transparent
+    );
+    transform: translateX(-50%);
+  }
+
   & input {
     flex-grow: 1;
     min-width: 0;
@@ -26,10 +43,11 @@
     height: 100%;
     padding: 0 16px;
     font-size: var(--font-sm);
+    font-weight: 500;
     color: var(--color-foreground);
     cursor: pointer;
-    background-color: var(--color-neutral-100);
-    border: 1px solid var(--color-neutral-200);
+    background-color: var(--color-neutral-200);
+    border: 1px solid var(--color-neutral-300);
     border-radius: 4px;
   }
 }