2 files changed, 12 insertions, 1 deletions
diff --git a/animism-align/frontend/app/views/viewer/checklist/credits.components.js b/animism-align/frontend/app/views/viewer/checklist/credits.components.js
index 9e0b6f2..91855ef 100644
--- a/animism-align/frontend/app/views/viewer/checklist/credits.components.js
+++ b/animism-align/frontend/app/views/viewer/checklist/credits.components.js
@@ -92,7 +92,7 @@ const CreditsVenue = ({ venue, open, setOpen }) => {
 export const ArtistColumns = ({ artists }) => {
   const artistGroups = groupColumns(artists.trim().split('\n'), 4)
   return (
-    <div>
+    <div className='artist-columns'>
       <div className='credits-title'>
         Artists
       </div>
diff --git a/animism-align/frontend/app/views/viewer/checklist/credits.css b/animism-align/frontend/app/views/viewer/checklist/credits.css
index 0375703..8dda469 100644
--- a/animism-align/frontend/app/views/viewer/checklist/credits.css
+++ b/animism-align/frontend/app/views/viewer/checklist/credits.css
@@ -86,4 +86,15 @@
 }
 .venue-info .credits-info div {
   min-height: 0.875rem;
+}
+
+/* artists */
+
+.artist-columns {
+  height: 0;
+  overflow: hidden;
+  transition: height 0.5s;
+}
+.open + .artist-columns {
+  height: 10rem;
 }
 \ No newline at end of file