From 80ef2023b21ca08d5563f2c918d3a8653fce2855 Mon Sep 17 00:00:00 2001
From: joylessorchid <mail@ciphral.com>
Date: Mon, 16 Mar 2026 07:32:37 +0300
Subject: [PATCH] fix: card spacing between desc and stats, youtube embed
 origin param

---
 frontend/src/components/CourseCard.vue  | 4 ++--
 frontend/src/components/StreamEmbed.vue | 3 ++-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/CourseCard.vue b/frontend/src/components/CourseCard.vue
index fb99f1d4..64d03334 100644
--- a/frontend/src/components/CourseCard.vue
+++ b/frontend/src/components/CourseCard.vue
@@ -2,7 +2,7 @@
 	<div
 		v-if="course.title"
 		class="flex flex-col h-full rounded-xl overflow-hidden border border-outline-gray-2 bg-surface-white transition-all duration-200 hover:shadow-md hover:-translate-y-0.5 group"
-		style="min-height: 320px"
+		style="min-height: 340px"
 	>
 		<!-- Cover image / gradient -->
 		<div
@@ -84,7 +84,7 @@
 			<div class="flex-1" />
 
 			<!-- Stats row -->
-			<div class="flex items-center gap-3 text-xs text-ink-gray-5 mb-3 flex-wrap">
+			<div class="flex items-center gap-3 text-xs text-ink-gray-5 mb-3 mt-3 flex-wrap">
 				<span v-if="course.lessons" class="flex items-center gap-1">
 					<BookOpen class="h-3.5 w-3.5" />
 					{{ course.lessons }} {{ __('lessons') }}
diff --git a/frontend/src/components/StreamEmbed.vue b/frontend/src/components/StreamEmbed.vue
index 125deefa..3304dac3 100644
--- a/frontend/src/components/StreamEmbed.vue
+++ b/frontend/src/components/StreamEmbed.vue
@@ -104,7 +104,8 @@ const embedUrl = computed(() => {
 
 	if (props.platform === 'youtube') {
 		// Supports both video ID and live stream
-		return `https://www.youtube.com/embed/${props.channel}?autoplay=0&rel=0`
+		const origin = encodeURIComponent(window.location.origin)
+		return `https://www.youtube.com/embed/${props.channel}?autoplay=0&rel=0&origin=${origin}`
 	}
 
 	return ''