From 6123ff32518899bf3fbb9cc242e00d0c13e2cfa2 Mon Sep 17 00:00:00 2001
From: scmmishra <scm.mymail@gmail.com>
Date: Thu, 28 Mar 2019 15:32:54 +0530
Subject: [PATCH] fix: styled program card

---
 .../public/js/education/lms/components/ProgramCard.vue    | 8 ++++----
 erpnext/public/js/education/lms/pages/Home.vue            | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/erpnext/public/js/education/lms/components/ProgramCard.vue b/erpnext/public/js/education/lms/components/ProgramCard.vue
index f18ebe2be9..bc75469ad2 100644
--- a/erpnext/public/js/education/lms/components/ProgramCard.vue
+++ b/erpnext/public/js/education/lms/components/ProgramCard.vue
@@ -1,5 +1,5 @@
 <template>
-<div class='margin'>
+<div class='mt-3'>
     <div class="card">
         <div class="card-hero-img" v-if="program.hero_image" v-bind:style="{ 'background-image': 'url(' + image + ')' }"></div>
         <div class='card-body'>
@@ -9,14 +9,14 @@
             <div v-html="program.description"></div>
         </div>
         <div class='text-right p-3'>
-            <button class='btn btn-secondary btn-sm text-white' data-toggle="modal" data-target="#videoModal">Watch Intro</button>
+            <button v-if="program.intro_video" class='btn btn-secondary btn-sm text-white' data-toggle="modal" data-target="#videoModal">Watch Intro</button>
             <a-button v-if="enrolled" type="dark" size="sm" :route="programPageRoute">
                 {{ buttonName }}
             </a-button>
             <a v-else-if="isLogin" class='btn btn-secondary btn-sm' @click="enroll()">{{ enrollButton }}</a>
             <a v-else class='btn btn-secondary btn-sm' href="/login#signup">Sign Up</a>
         </div>
-        <VideoModal :title="program.program_name" :video="program.intro_video"/>
+        <VideoModal v-if="program.intro_video" :title="program.program_name" :video="program.intro_video"/>
     </div>
 </div>
 </template>
@@ -48,7 +48,7 @@ export default {
     computed: {
         buttonName() {
             if(this.enrolled){
-                return "Explore Program"
+                return "Start Program"
             }
             else {
                 return "Enroll"
diff --git a/erpnext/public/js/education/lms/pages/Home.vue b/erpnext/public/js/education/lms/pages/Home.vue
index 5fe5dc877a..569008674f 100644
--- a/erpnext/public/js/education/lms/pages/Home.vue
+++ b/erpnext/public/js/education/lms/pages/Home.vue
@@ -4,7 +4,7 @@
         <TopSectionButton/>
     </TopSection>
 	<CardList :title="'Featured Programs'" :description="'Master ERPNext'" :sectionType="'section-padding section-bg'">
-        <ProgramCard slot="card-list-slot" class="mt-3" v-for="item in featuredPrograms" :key="item.program.name" :program="item.program" :enrolled="item.is_enrolled"/>
+        <ProgramCard slot="card-list-slot" v-for="item in featuredPrograms" :key="item.program.name" :program="item.program" :enrolled="item.is_enrolled"/>
         <AButton slot="list-bottom" :type="'primary'" :size="'md'" :route="'List/Program'">View All</AButton>
     </CardList>
 </div>