From da4a590a96c7ff310a414f5af019fb2de9b15fe3 Mon Sep 17 00:00:00 2001
From: "kacaii.dev" <kacaii.privado@gmail.com>
Date: Wed, 1 Apr 2026 15:32:40 -0300
Subject: [PATCH] :recycle: add default styling for `select` and `input`

---
 client/src/client.css                      | 14 ++++++++++++++
 client/src/client/page/register_crew.gleam |  4 +---
 client/src/client/page/signup.gleam        |  1 -
 client/src/client/ui/input.gleam           |  2 --
 4 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/client/src/client.css b/client/src/client.css
index 1655162..2302081 100644
--- a/client/src/client.css
+++ b/client/src/client.css
@@ -14,3 +14,17 @@
 
   --color-accent: #f2cdcd;
 }
+
+@layer base {
+  input {
+    &::placeholder {
+      color: var(--color-faint);
+    }
+
+    border-radius: var(--radius-md);
+  }
+
+  select {
+    border-radius: var(--radius-md);
+  }
+}
diff --git a/client/src/client/page/register_crew.gleam b/client/src/client/page/register_crew.gleam
index 1cc9531..0219a3c 100644
--- a/client/src/client/page/register_crew.gleam
+++ b/client/src/client/page/register_crew.gleam
@@ -187,7 +187,6 @@ fn view_leader_selection(model: Model) -> element.Element(Msg) {
     attr.value(model.crew_leader_email),
     attr.placeholder("leader@email.com"),
 
-    class("placeholder:text-faint"),
     event.on_input(UserTypedLeaderEmail),
   ]
 
@@ -202,8 +201,7 @@ fn view_leader_selection(model: Model) -> element.Element(Msg) {
       button.outline(),
       attr.disabled(email_is_empty || email_is_too_short),
 
-      // magic number?
-      class("h-11"),
+      class("h-full"),
       class("not-disabled:hover:text-background"),
     ]
 
diff --git a/client/src/client/page/signup.gleam b/client/src/client/page/signup.gleam
index 6350a31..9bcbf9c 100644
--- a/client/src/client/page/signup.gleam
+++ b/client/src/client/page/signup.gleam
@@ -351,7 +351,6 @@ fn view_role_selection(model: Model) -> element.Element(Msg) {
 
   let attributes = [
     attr.id("input-role"),
-    class("rounded-md"),
 
     attr.value(model.user_role |> role.to_string),
     event.on_input(on_input),
diff --git a/client/src/client/ui/input.gleam b/client/src/client/ui/input.gleam
index 3a78703..ffbad4c 100644
--- a/client/src/client/ui/input.gleam
+++ b/client/src/client/ui/input.gleam
@@ -32,8 +32,6 @@ pub fn view(
   }
 
   let input_attributes = [
-    class("rounded-md"),
-    class("placeholder:text-faint"),
     event.on_input(on_input),
 
     attr.placeholder(field.placeholder),
-- 
2.51.2