Merge pull request #12 from SyncfusionExamples/EJ2-932646-master

932646: Enhancing the UI for a More Attractive Stock Management Application with tailwind3.

Author: jmfarook7

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) {

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) {

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;