commit b24cef1caa84ab4ded1a8e7830b3aa14b396626f
parent ddc9ef9f45cfaafe4e5294d82dd76ccd6c5b843d
Author: Jacob R. Edwards <jacob@jacobedwards.org>
Date: Sun, 10 Mar 2024 22:24:14 -0700
Update table CSS
- Display forms inline
- Add contrast to buttons in grey rows
Diffstat:
1 file changed, 20 insertions(+), 4 deletions(-)
diff --git a/css/main.css b/css/main.css
@@ -1,11 +1,15 @@
-table, tr, th {
+table, tr, th, td {
border-collapse: collapse;
border-spacing: 0;
border: 1px solid black;
font-weight: normal;
}
-th {
+tr:nth-child(even) {
+ background-color: #F3F3F3;
+}
+
+th, td {
text-align: left;
padding: 0.2rem;
}
@@ -14,6 +18,18 @@ th[scope=col] {
background-color: lightblue;
}
-tr:nth-child(even) {
- background-color: #F3F3F3;
+td > form {
+ display: inline;
+}
+
+tr:nth-child(even) > td > form > input[type="submit"] {
+ background-color: white;
+}
+
+td > form > input[type="submit"] {
+ margin: 0;
+ width: 100%;
+ height: 100%;
+ border-width: 0.1rem;
+ border-radius: 0;
}