fullscreen carousel stuff

1 files changed, 9 insertions, 2 deletions

diff --git a/animism-align/frontend/app/views/viewer/player/components.media/media.css b/animism-align/frontend/app/views/viewer/player/components.media/media.css
index f552eba..86c50a9 100644
--- a/animism-align/frontend/app/views/viewer/player/components.media/media.css
+++ b/animism-align/frontend/app/views/viewer/player/components.media/media.css
@@ -23,6 +23,7 @@
   flex-direction: column;
   justify-content: space-between;
   align-items: center;
+  padding-top: 1rem;
 }
 .viewer-fullscreen .fullscreen-element.gallery .citation,
 .viewer-fullscreen .fullscreen-element.carousel .citation,
@@ -57,7 +58,7 @@
 }
 .carousel-nav .dots {
   position: absolute;
-  bottom: 5.5rem;
+  bottom: 6rem;
   left: 0;
   width: 100%;
   display: flex;
@@ -84,6 +85,12 @@
 .dots .dot-item.active {
   opacity: 1.0;
 }
+.carousel.black .dots .dot-circle {
+  background: #fff;
+}
+.carousel.black svg polygon {
+  fill: #fff;
+}
 
 /* carousel */
 
@@ -103,7 +110,7 @@
 }
 .viewer-fullscreen .carousel-item {
   width: 50vw;
-  height: calc(100vh - 8rem);
+  height: calc(100vh - 9rem);
 }
 
 /* gallery */