UX: collapse extra files when browsing a theme component (#9610)

UX: collapse extra files when browsing a theme component (#9610)

diff --git a/app/assets/javascripts/admin/templates/customize-themes-show.hbs b/app/assets/javascripts/admin/templates/customize-themes-show.hbs
index 828eee4..0e452a9 100644
--- a/app/assets/javascripts/admin/templates/customize-themes-show.hbs
+++ b/app/assets/javascripts/admin/templates/customize-themes-show.hbs
@@ -231,18 +231,20 @@
   {{#if extraFiles.length}}
     <div class="control-unit">
       <div class="mini-title">{{i18n "admin.customize.theme.extra_files"}}</div>
-      <div class="description">
-        {{#if model.remote_theme}}
-          {{i18n "admin.customize.theme.extra_files_remote"}}
-        {{else}}
-          {{i18n "admin.customize.theme.extra_files_upload"}}
-        {{/if}}
-      </div>
-      <ul>
-        {{#each extraFiles as |extraFile|}}
-          <li>{{extraFile.name}}</li>
-        {{/each}}
-      </ul>
+      <details>
+        <summary>
+          {{#if model.remote_theme}}
+            {{i18n "admin.customize.theme.extra_files_remote"}}
+          {{else}}
+            {{i18n "admin.customize.theme.extra_files_upload"}}
+          {{/if}}
+        </summary>
+        <ul>
+          {{#each extraFiles as |extraFile|}}
+            <li>{{extraFile.name}}</li>
+          {{/each}}
+        </ul>
+      </details>
     </div>
   {{/if}}
 

GitHub sha: cdbba81e

This commit appears in #9610 which was merged by jjaffeux.