diff --git a/src/app/pages/explorer-page/explorer-page.component.html b/src/app/pages/explorer-page/explorer-page.component.html index 83d9bae024020c1993275743f7a8835bf0ace660..02357b6d4652858636002bfa95f50def0fed7595 100644 --- a/src/app/pages/explorer-page/explorer-page.component.html +++ b/src/app/pages/explorer-page/explorer-page.component.html @@ -369,7 +369,7 @@ <header class="card-header"> <p class="card-header-title"> <span class="icon"> - <i class="fas fa-filter" aria-hidden="true"></i> + <i class="fas fa-tasks" aria-hidden="true"></i> </span> Tasks ({{analysis.tasks.length}}) </p> diff --git a/src/app/pages/home-page/home-page.component.html b/src/app/pages/home-page/home-page.component.html index 32eadb29e2a2be65a8ce8aea81cd435925462b3b..9169f1d55d907e7a89e8940182f1a5f90c6decfa 100644 --- a/src/app/pages/home-page/home-page.component.html +++ b/src/app/pages/home-page/home-page.component.html @@ -6,10 +6,17 @@ <img src="assets/covex_logo.png" style="height: 233px; width: 600px"> </div> - <div class="has-text-centered video-box"> - <iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/H9pbYQFlt6U" frameborder="0" - allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen> - </iframe> + <div class="video-container"> + <div class="has-text-centered video-box"> + <iframe width="560" height="315" src="https://www.youtube.com/embed/fPkY5ep2mjk" frameborder="0" + allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen> + </iframe> + </div> + <div class="has-text-centered video-box"> + <iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/H9pbYQFlt6U" frameborder="0" + allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen> + </iframe> + </div> </div> <div class="button-box is-hidden-mobile"> diff --git a/src/app/pages/home-page/home-page.component.scss b/src/app/pages/home-page/home-page.component.scss index 27f2eb600561869c396767ac3809d433db1e1f39..9fd9a1db149b7d4a7b422d89556b43f23ef5b958 100644 --- a/src/app/pages/home-page/home-page.component.scss +++ b/src/app/pages/home-page/home-page.component.scss @@ -20,17 +20,23 @@ div.scroll { } } -.video-box { - margin-top: 40px; +.button-box { + maring-top: 40px; margin-bottom: 40px; - width: 100%; - - iframe { - max-width: 100%; - } } -.button-box { - maring-top: 40px; +.video-container { + margin-top: 40px; margin-bottom: 40px; + + .video-box { + display: inline-block; + width: 100%; + max-width: 560px; + margin: 5px; + + iframe { + max-width: 100%; + } + } }