checklist scrolling

1 files changed, 14 insertions, 7 deletions

diff --git a/animism-align/frontend/app/views/viewer/checklist/checklist.css b/animism-align/frontend/app/views/viewer/checklist/checklist.css
index e7ffb00..a572b84 100644
--- a/animism-align/frontend/app/views/viewer/checklist/checklist.css
+++ b/animism-align/frontend/app/views/viewer/checklist/checklist.css
@@ -21,12 +21,18 @@
 }
 
 .checklist-container {
-  margin: 0 auto;
+  width: 100%;
   height: 100%;
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+.checklist-inner {
   display: flex;
   flex-direction: row;
   justify-content: flex-start;
   align-items: flex-start;
+  margin: 0 auto;
+  width: 68rem;
 }
 
 /* dropdown */
@@ -34,8 +40,13 @@
 .checklist-dropdown-container {
   width: 12rem;
   margin-top: 1.5rem;
-  margin-left: 1.5rem;
   cursor: pointer;
+  position: relative;
+  position: absolute;
+  left: calc(50% - 33rem);
+}
+.checklist-dropdown-placeholder {
+  width: 13.5rem;
 }
 .checklist-dropdown {
   display: flex;
@@ -79,12 +90,8 @@
 
 /* checklist content */
 
-.checklist-content,
-.credits-content {
+.checklist-content {
   flex: 1;
-  height: 100%;
-  overflow-x: hidden;
-  overflow-y: auto;
 }
 .checklist-table {
   width: 51rem;