fix vertical alignment of validation message and no hover state for l…

…abel only checkboxes
getodk · Aug 2, 2024 · 8382ffa · 8382ffa
1 parent 9588836
commit 8382ffa
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/packages/web-forms/src/components/ValidationMessage.vue b/packages/web-forms/src/components/ValidationMessage.vue
@@ -20,6 +20,7 @@ withDefaults(defineProps<{message?: string, showMessage: boolean, addPlaceholder
 }
 .validation-message {
 	color: var(--error-text-color);
-	margin-top: 0.5rem;
+	margin-top: 0.4rem;
+	display: block;
 }
 </style>
diff --git a/packages/web-forms/src/components/appearances/FieldListTable.vue b/packages/web-forms/src/components/appearances/FieldListTable.vue
@@ -79,6 +79,8 @@ defineProps<{ appearances: SelectNodeAppearances}>();
     .p-checkbox {
       display: none;
     }
+
+    &:has(.p-checkbox-input:hover),
     &:has(.p-radiobutton-input:hover) {
       background-color: unset;
       outline: none;