converted unique faces to be a Doc type similar to a collection.

1 files changed, 21 insertions, 3 deletions

diff --git a/src/client/views/collections/collectionFreeForm/FaceCollectionBox.scss b/src/client/views/collections/collectionFreeForm/FaceCollectionBox.scss
index 480d109c8..86120f966 100644
--- a/src/client/views/collections/collectionFreeForm/FaceCollectionBox.scss
+++ b/src/client/views/collections/collectionFreeForm/FaceCollectionBox.scss
@@ -1,10 +1,11 @@
 .face-document-item {
-    background: #555555;
     margin-top: 10px;
     margin-bottom: 10px;
     padding: 10px;
-    border-radius: 10px;
+    border-radius: inherit;
     position: relative;
+    width: 100%;
+    height: 100%;
 
     h1 {
         color: white;
@@ -14,14 +15,31 @@
 
     .face-collection-buttons {
         position: absolute;
-        top: 10px;
+        top: 0px;
         right: 10px;
     }
+    .face-collection-toggle {
+        position: absolute;
+        top: 0px;
+        left: 10px;
+    }
+    .face-document-top {
+        position: absolute;
+        top: 0;
+        margin: auto;
+        width: 100%;
+        left: 0;
+    }
 
     .face-document-image-container {
         display: flex;
         justify-content: center;
         flex-wrap: wrap;
+        overflow-x: hidden;
+        overflow-y: auto;
+        position: absolute;
+        top: 75px;
+        height: calc(100% - 75px);
 
         .image-wrapper {
             position: relative;