Fix ordering issue with description and buttons

directus · Jan 14, 2025 · b8db7ef · b8db7ef
1 parent db76c10
commit b8db7ef
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/components/Block/Carousel/CarouselCard.vue b/components/Block/Carousel/CarouselCard.vue
@@ -61,6 +61,8 @@ const { data: cardData } = useAsyncData(`carousel-card-${props.uuid}`, () =>
 		display: flex;
 		flex-direction: column;
 		align-items: center;
+		gap: var(--space-4);
+		padding-bottom: var(--space-2);
 	}
 	h2 {
 		font-style: normal;
@@ -78,12 +80,14 @@ const { data: cardData } = useAsyncData(`carousel-card-${props.uuid}`, () =>
 		overflow-wrap: break-word;
 	}
 	.description {
+		order: 1;
 		min-height: calc(var(--line-height-2xl) * 1.5);
 		@media (max-width: 768px) {
 			max-width: 80%;
 		}
 	}
 	.custom-button-group {
+		order: 2;
 		display: flex;
 		flex-wrap: nowrap !important;
 		justify-content: center;