fix select in table form

Author: thesmartwon

TODO

@@ -25,7 +25,7 @@
 	- [ ] tree structure
 	- [ ] reactive database
 	- [ ] PRETTY
-		- [ ] arbitrary CSS
+		- [ ] themes builder with arbitrary CSS
 		- [x] text-align justify
 		- [x] layout!
 			- [x] mobile

web/package.json

@@ -27,6 +27,7 @@
 	"scripts": {
 		"start": "vite",
 		"build": "vite build",
+		"serve": "vite preview",
 		"preview": "vite preview"
 	},
 	"browserslist": "baseline 2023 with downstream"

web/src/css/reset.css

@@ -353,9 +353,6 @@ input[type="checkbox"] {
 form.table {
 	& > * {
 		width: 100%;
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
 		padding: --spacing(1) --spacing(4);
 
 		& > .io {
@@ -364,6 +361,12 @@ form.table {
 		}
 	}
 
+	& > *:not(.select) {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+	}
+
 	& > *:hover {
 		background: var(--color-bg-200);
 	}