fix vertical alignment of icon and text in add button of repeats

getodk · Aug 16, 2024 · 0eda90d · 0eda90d
1 parent dfd58ea
commit 0eda90d
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/packages/web-forms/src/components/RepeatRange.vue b/packages/web-forms/src/components/RepeatRange.vue
@@ -16,7 +16,7 @@ const label = computed(() => props.node.currentState.label?.asString);
 
 		<div class="flex justify-content-start flex-wrap">
 			<Button rounded outlined class="btn-add" @click="node.addInstances()">
-				<span class="p-button-label" data-pc-section="label">
+				<span class="flex justify-content-center p-button-label" data-pc-section="label">
 					<span class="icon-add" />
 					<span class="btn-add-label">Add {{ label }}</span>
 				</span>
@@ -53,10 +53,10 @@ const label = computed(() => props.node.currentState.label?.asString);
 
 .repeat {
 	margin-bottom: 1rem;
-	
+
 	.p-button.p-button-outlined.btn-add {
 		margin-left: 25px;
 		margin-bottom: 0rem;
 	}
 }
-</style>
+</style>