2 files changed, 25 insertions, 2 deletions
diff --git a/animism-align/frontend/app/views/viewer/nav/nav.css b/animism-align/frontend/app/views/viewer/nav/nav.css
index 1636b4d..de6f73b 100644
--- a/animism-align/frontend/app/views/viewer/nav/nav.css
+++ b/animism-align/frontend/app/views/viewer/nav/nav.css
@@ -303,7 +303,8 @@
 /* Zoom Plus */
 
 .zoomPlus {
-  width: 40px; height: 40px;
+  width: 2.5rem;
+  height: 2.5rem;
 }
 .zoomPlus path {
   stroke: white;
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 bff6894..efc1acc 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
@@ -317,7 +317,28 @@
   pointer-events: none;
 }
 .vitrine-items .vitrine-item .zoomPlus {
-  cursor: pointer;  
+  cursor: pointer;
+  opacity: 0;
+  transition: opacity 0.2s;
+}
+.vitrine-items .vitrine-item:hover .zoomPlus {
+  opacity: 1;
+}
+.vitrine-items .vitrine-item .zoomPlus .cross {
+  stroke: #000;
+  stroke-width: 1.5;
+  fill: transparent;
+}
+.vitrine-items .vitrine-item .zoomPlus .ring {
+  fill: #fff;
+  stroke-width: 1.2;
+}
+.vitrine-items .vitrine-item .zoomPlus .ring-inner {
+  fill: #fff;
+}
+/*
+.vitrine-items .vitrine-item:hover .zoomPlus {
+  opacity: 1;
 }
 .vitrine-items .vitrine-item:hover .zoomPlus .cross {
   stroke: #000;
@@ -335,6 +356,7 @@
   fill: #fff;
   stroke: #fff;
 }
+*/
 .inline-element.vitrine .heading {
   padding-top: 8rem;
 }