update css styles of contact form

latex4ei · Oct 18, 2024 · 361d267 · 361d267
1 parent 8b59a19
commit 361d267
Showing 1 changed file with 28 additions and 23 deletions.
diff --git a/docs/css/custom.css b/docs/css/custom.css
@@ -1,27 +1,32 @@
 form {
-    display: flex;
-    flex-direction: column;
-    max-width: 600px;
-    margin: 0 auto;
-  }
+  display: flex;
+  flex-direction: column;
+  max-width: 100%; /* Adjust to align with text */
+  margin-left: 0;  /* Remove auto margin to align left */
+  margin-right: 0;
+}
 
-  input, textarea {
-    margin-bottom: 1rem;
-    padding: 0.5rem;
-    font-size: 1rem;
-    width: 100%;
-    box-sizing: border-box;
-  }
+input, textarea {
+  margin-bottom: 1rem;
+  padding: 0.5rem;
+  font-size: 1rem;
+  width: 100%;
+  box-sizing: border-box;
+  border: 1px solid #ccc; /* Visible border */
+  border-radius: 4px;     /* Rounded corners */
+  background-color: #fff; /* White background */
+  color: #333;            /* Dark text color */
+}
 
-  button {
-    padding: 0.75rem;
-    font-size: 1rem;
-    background-color: #007bff;
-    color: white;
-    border: none;
-    cursor: pointer;
-  }
+button {
+  padding: 0.75rem;
+  font-size: 1rem;
+  background-color: #007bff;
+  color: white;
+  border: none;
+  cursor: pointer;
+}
 
-  button:hover {
-    background-color: #0056b3;
-  }
+button:hover {
+  background-color: #0056b3;
+}