padding.. initial curtains...

1 files changed, 7 insertions, 6 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 bd6b4c0..c43c207 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
@@ -94,12 +94,13 @@
 
 /* carousel */
 
-.carousel-container {
-  margin-top: 0.5rem;
+.inline-element .carousel-container {
   margin-bottom: 1.5rem;
-  /*padding: 1rem;*/
   position: relative;
 }
+.inline-element:last-child .carousel-container {
+  margin-bottom: 0;
+}
 .carousel-items {
   width: 100%;
 }
@@ -110,7 +111,7 @@
   height: calc(100vh - 1rem);
 }
 .viewer-fullscreen .carousel-items {
-  height: calc(100vh - 9rem);
+  height: calc(100vh - 19rem);
 }
 .carousel-item {
   display: flex;
@@ -121,7 +122,7 @@
   position: relative;
   display: inline-block;
   max-width: 100%;
-  max-height: calc(100vh - 10rem);
+  max-height: calc(100vh - 19rem);
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center center;
@@ -130,7 +131,7 @@
   width: auto;
   height: auto;
   max-width: 100%;
-  max-height: calc(100vh - 10rem);
+  max-height: calc(100vh - 19rem);
   opacity: 0;
   pointer-events: none;
   /*object-fit: contain;*/