From 3a10d4bdc08646a5abb4d965ce5a440673473ba8 Mon Sep 17 00:00:00 2001
From: Jannat Patel <pateljannat2308@gmail.com>
Date: Tue, 6 May 2025 10:17:07 +0530
Subject: [PATCH] fix: alignment of information on batch details

---
 frontend/src/pages/BatchDetail.vue | 6 +++---
 frontend/src/pages/Lesson.vue      | 4 +---
 frontend/src/pages/LessonForm.vue  | 4 +---
 3 files changed, 5 insertions(+), 9 deletions(-)

diff --git a/frontend/src/pages/BatchDetail.vue b/frontend/src/pages/BatchDetail.vue
index 8e68f1f9..944b3d36 100644
--- a/frontend/src/pages/BatchDetail.vue
+++ b/frontend/src/pages/BatchDetail.vue
@@ -14,13 +14,13 @@
 					{{ batch.data.description }}
 				</div>
 				<div
-					class="flex flex-col gap-2 lg:gap-0 lg:flex-row lg:items-center space-x-5 lg:w-1/2"
+					class="flex flex-col gap-2 lg:gap-0 lg:flex-row lg:items-center space-x-0 md:space-x-5 lg:w-1/2"
 				>
 					<div
 						v-if="batch.data?.courses?.length"
 						class="flex items-center text-ink-gray-7"
 					>
-						<BookOpen class="h-4 w-4 mr-2" />
+						<BookOpen class="h-4 w-4 mr-2 stroke-1.5" />
 						<span> {{ batch.data?.courses?.length }} {{ __('Courses') }} </span>
 					</div>
 					<span v-if="batch.data?.courses?.length" class="hidden lg:block"
@@ -34,7 +34,7 @@
 						>&middot;</span
 					>
 					<div class="flex items-center text-ink-gray-7">
-						<Clock class="h-4 w-4 mr-2" />
+						<Clock class="h-4 w-4 mr-2 stroke-1.5" />
 						<span>
 							{{ formatTime(batch.data.start_time) }} -
 							{{ formatTime(batch.data.end_time) }}
diff --git a/frontend/src/pages/Lesson.vue b/frontend/src/pages/Lesson.vue
index 7521e5b6..2cc160a9 100644
--- a/frontend/src/pages/Lesson.vue
+++ b/frontend/src/pages/Lesson.vue
@@ -361,9 +361,7 @@ const enablePlyr = () => {
 		const videoElement = document.getElementsByClassName('video-player')
 		if (videoElement.length === 0) return
 
-		const src = document
-			.getElementsByClassName('video-player')[0]
-			.getAttribute('src')
+		const src = videoElement[0].getAttribute('src')
 		if (src) {
 			let videoID = src.split('/').pop()
 			document
diff --git a/frontend/src/pages/LessonForm.vue b/frontend/src/pages/LessonForm.vue
index 4f7f30f0..2bd8b1b2 100644
--- a/frontend/src/pages/LessonForm.vue
+++ b/frontend/src/pages/LessonForm.vue
@@ -475,9 +475,7 @@ const enablePlyr = () => {
 		const videoElement = document.getElementsByClassName('video-player')
 		if (videoElement.length === 0) return
 
-		const src = document
-			.getElementsByClassName('video-player')[0]
-			.getAttribute('src')
+		const src = videoElement[0].getAttribute('src')
 		if (src) {
 			let videoID = src.split('/').pop()
 			document