From ab92c3f6c19e80fe554cfe8d7b109b1196de1fdb Mon Sep 17 00:00:00 2001
From: "Akshay\" (aider)" <nerdy@peppe.rs>
Date: Fri, 8 Nov 2024 22:37:48 +0000
Subject: style: Align and pad form inputs to match background of other
 elements

---
 src/public/styles.css | 42 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 42 insertions(+)

diff --git a/src/public/styles.css b/src/public/styles.css
index e5e04ef..b753bd8 100644
--- a/src/public/styles.css
+++ b/src/public/styles.css
@@ -424,3 +424,45 @@ button {
   color: var(--text-color);
   padding: 5px;
 }
+
+input[type="text"],
+input[type="password"],
+input[type="email"],
+textarea {
+  width: 100%;
+  padding: 10px;
+  margin: 10px 0;
+  box-sizing: border-box;
+  border: 1px solid var(--bg-color-muted);
+  border-radius: 4px;
+  background-color: var(--bg-color-muted);
+  color: var(--text-color);
+}
+
+form {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+form label {
+  width: 100%;
+  margin: 5px 0;
+  color: var(--text-color);
+}
+
+form input[type="submit"] {
+  width: auto;
+  padding: 10px 20px;
+  margin-top: 20px;
+  background-color: var(--link-color);
+  color: var(--bg-color);
+  border: none;
+  border-radius: 4px;
+  cursor: pointer;
+}
+
+form input[type="submit"]:hover {
+  background-color: var(--link-color);
+  opacity: 0.8;
+}
-- 
cgit v1.2.3