diff --git a/Stock-Market-Application/src/components/Overview.tsx b/Stock-Market-Application/src/components/Overview.tsx index 0412c05..8ec633a 100644 --- a/Stock-Market-Application/src/components/Overview.tsx +++ b/Stock-Market-Application/src/components/Overview.tsx @@ -178,7 +178,7 @@ export default function Overview(props: { changeMarquee: Function, myStockDm: Da function commandClick(args: CommandClickEventArgs) { if (args.target!.querySelector('.addmywishlist')) { - args.target.classList.add('added'); + args.target.querySelector('.addmywishlist').classList.add('added'); let myWishList = getWishList(); let predicates: Predicate[] = []; if (myWishList.indexOf((args.rowData as StockDetails).CompanyName) === -1) { diff --git a/Stock-Market-Application/src/components/SmartStockPicks.tsx b/Stock-Market-Application/src/components/SmartStockPicks.tsx index 7acc586..ca7f172 100644 --- a/Stock-Market-Application/src/components/SmartStockPicks.tsx +++ b/Stock-Market-Application/src/components/SmartStockPicks.tsx @@ -162,7 +162,7 @@ export default function SmartStockPicks(props: { myStockDm: DataManager }) { function commandClick(args: CommandClickEventArgs) { if (args.target!.querySelector('.addmywishlist')) { - args.target.classList.add('added'); + args.target.querySelector('.addmywishlist').classList.add('added'); let myWishList = getWishList(); let predicates: Predicate[] = []; if (myWishList.indexOf((args.rowData as StockDetails).CompanyName) === -1) { diff --git a/Stock-Market-Application/src/style.css b/Stock-Market-Application/src/style.css index de7d59d..9c2a420 100644 --- a/Stock-Market-Application/src/style.css +++ b/Stock-Market-Application/src/style.css @@ -295,7 +295,7 @@ body { .section1, .section2 { width: 50%; - padding: 20px 20px 0; + padding: 15px 15px 0; } .section1 { @@ -404,6 +404,10 @@ text#stockchartdefault_ChartTitle { /* Know More */ +.kb-carousel.e-carousel .e-carousel-items .e-carousel-item { + height: 360px; +} + .kb-carousel .e-carousel-items .e-carousel-item .product-container { display: flex; align-items: center;