1 files changed, 62 insertions, 4 deletions
diff --git a/src/client/views/collections/CollectionCarouselView.scss b/src/client/views/collections/CollectionCarouselView.scss
index f115bb40a..b402a7a32 100644
--- a/src/client/views/collections/CollectionCarouselView.scss
+++ b/src/client/views/collections/CollectionCarouselView.scss
@@ -1,5 +1,7 @@
 .collectionCarouselView-outer {
     height: 100%;
+    position: relative;
+    overflow: hidden;
     .collectionCarouselView-caption {
         height: 50;
         display: inline-block;
@@ -11,17 +13,26 @@
         width: 100%;
         user-select: none;
     }
+    .message {
+        justify-content: center;
+        align-items: center;
+        display: flex;
+        height: 60%;
+        z-index: -1;
+        // margin: 15px;
+    }
 }
+
 .carouselView-back,
 .carouselView-fwd,
 .carouselView-star,
 .carouselView-remove,
-.carouselView-check {
+.carouselView-check,
+.carouselView-add {
     position: absolute;
     display: flex;
-    top: 42.5%;
     width: 30;
-    height: 15%;
+    height: 30;
     align-items: center;
     border-radius: 5px;
     justify-content: center;
@@ -32,14 +43,21 @@
     }
 }
 .carouselView-fwd {
+    top: 42.5%;
     right: 20;
 }
 .carouselView-back {
+    top: 42.5%;
     left: 20;
 }
 .carouselView-star {
     top: 0;
-    right: 20;
+    left: 0;
+}
+.carouselView-add {
+    position: absolute;
+    bottom: 0;
+    left: 0;
 }
 .carouselView-remove {
     top: 80%;
@@ -49,6 +67,46 @@
     top: 80%;
     right: 52%;
 }
+.carouselView-quiz {
+    position: absolute;
+    display: flex;
+    top: 5px;
+    right: 8px;
+    &:hover {
+        color: white;
+    }
+}
+
+.carouselView-practice {
+    position: absolute;
+    display: flex;
+    top: 22px;
+    right: 8px;
+    &:hover {
+        color: white;
+    }
+}
+.carouselView-starFilter {
+    position: absolute;
+    display: flex;
+    top: 40px;
+    right: 7px;
+    &:hover {
+        color: white;
+    }
+}
+
+.carouselView-menu {
+    position: absolute;
+    display: flex;
+    top: 2px;
+    right: 2px;
+    width: 30;
+    height: 60;
+    border-radius: 5px;
+    color: rgba(255, 255, 255, 0.5);
+    background: rgba(0, 0, 0, 0.1);
+}
 
 .carouselView-back:hover,
 .carouselView-fwd:hover {