From 8d1a8eaf3730ef947f5332fe3d49f76b3ea2eb22 Mon Sep 17 00:00:00 2001
From: Jagrit Acharya <65972513+JAgrit20@users.noreply.github.com>
Date: Sat, 17 Apr 2021 14:49:48 +0530
Subject: [PATCH 1/2] removed overlapping in carousel media

---
 .../data-view/data-carousel/data-carousel.component.scss       | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/app/components/data-view/data-carousel/data-carousel.component.scss b/src/app/components/data-view/data-carousel/data-carousel.component.scss
index 5954236b..98b95d4c 100644
--- a/src/app/components/data-view/data-carousel/data-carousel.component.scss
+++ b/src/app/components/data-view/data-carousel/data-carousel.component.scss
@@ -19,8 +19,9 @@ carousel {
   display: block;
   max-width: 100%;
   max-height: 80vh;
-  margin: 0 auto;
   margin-bottom: 1rem;
+  padding-top: 60px;
+  margin: auto;
 }
 span.key {
   color: #656565;

From 4a5e75e60b4a6c247c7560bfe25d9863e4c89e71 Mon Sep 17 00:00:00 2001
From: JAgrit20 <jagritacharya2020@gmail.com>
Date: Sat, 24 Apr 2021 18:36:41 +0530
Subject: [PATCH 2/2] Carousel UI improved

---
 .../data-carousel/data-carousel.component.scss | 18 +++++++++++++-----
 1 file changed, 13 insertions(+), 5 deletions(-)

diff --git a/src/app/components/data-view/data-carousel/data-carousel.component.scss b/src/app/components/data-view/data-carousel/data-carousel.component.scss
index 98b95d4c..a7c16efc 100644
--- a/src/app/components/data-view/data-carousel/data-carousel.component.scss
+++ b/src/app/components/data-view/data-carousel/data-carousel.component.scss
@@ -1,7 +1,7 @@
 carousel {
   display: block;
   max-width: 1000px;
-  min-width: 1000px;
+  // min-width: 1000px;
 }
 .navigator-wrapper {
   display: flex;
@@ -12,17 +12,25 @@ carousel {
   }
 }
 #carousel-wrapper {
-  display: flex;
-  justify-content: center;
+  width: 96%;
+  max-width: 960px;
+  margin: 0 auto;
+}
+
+#video{
+  width: 100%;
+  max-width: 400px;
+  height: auto;
 }
+
 .carousel-multimedia {
   display: block;
   max-width: 100%;
-  max-height: 80vh;
   margin-bottom: 1rem;
   padding-top: 60px;
   margin: auto;
 }
+
 span.key {
   color: #656565;
 }
@@ -61,4 +69,4 @@ span.key {
 .space-between {
   display: flex;
   justify-content: space-between;
-}
+}
\ No newline at end of file