Style pages

2021-09-01 17:30:30 +01:00
parent b7865cf821
commit 8e2a5a13a5
15 changed files with 1030 additions and 0 deletions
--- a/src/css/Form.css
+++ b/src/css/Form.css
@@ -0,0 +1,62 @@
+.form {
+	display: flex;
+	column-gap: 64px;
+	flex-direction: row;
+	justify-content: flex-start;
+	flex-wrap: wrap;
+}
+
+.form.create-set-vocab-list {
+	flex-direction: column;
+}
+
+.create-set-header, .form .create-set-input-row {
+	display: flex;
+	flex-direction: row;
+	flex-wrap: wrap;
+}
+
+.create-set-header > * {
+	margin-top: 24px;
+	margin-bottom: 4px;
+}
+
+.create-set-header > *, .form .create-set-input-row > * {
+	flex: 1;
+	flex-basis: 0;
+}
+
+.form .checkbox-list-container {
+	flex: 1;
+}
+
+.form .checkbox-list {
+	display: grid;
+	grid-column-gap: 40px;
+	grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
+}
+
+.form .checkbox-list-container > a {
+	color: inherit;
+	text-decoration: none;
+}
+
+.form h3 {
+	display: flex;
+	column-gap: 4px;
+	flex-direction: row;
+	align-content: center;
+}
+
+.create-set-input-row > input[type=text]:first-child, .create-set-header > *:first-child {
+	margin-right: 4px;
+}
+
+.create-set-input-row > input[type=text]:last-child, .create-set-header > *:last-child {
+	margin-left: 4px;
+}
+
+input[type=text].set-title-input {
+	flex: 1;
+	width: 0;
+}