Rename to avoid misleading link to section html elements #3325

sciety · Jun 14, 2024 · 9c098eb · 9c098eb
1 parent ac3a2a5
commit 9c098eb
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/src/read-side/html-pages/group-page/group-management-page/_index.scss b/src/read-side/html-pages/group-page/group-management-page/_index.scss
@@ -4,11 +4,11 @@
 @use 'layout';
 @use '../../standard-separator';
 
-.management-of-featured-lists {
+.group-management-of-featured-lists {
   @include standard-separator.top(layout.$vertical-spacing-coupled-to-page-header);
 }
 
-.group-management-section {
+.group-management-of-featured-lists__sub-section {
   margin-bottom: functions.px-to-rem(16px);
 
  &:last-child {

diff --git a/src/read-side/html-pages/group-page/group-management-page/render-as-html/render-as-html.ts b/src/read-side/html-pages/group-page/group-management-page/render-as-html/render-as-html.ts
@@ -17,13 +17,13 @@ export const renderAsHtml = (viewModel: ViewModel): HtmlPage => toHtmlPage({
       <a href="${viewModel.groupHomePageHref}">View public group page</a>
     </p>
   </header>
-  <section class="management-of-featured-lists">
+  <section class="group-management-of-featured-lists">
     <h2>Featured lists</h2>
     <p>Featuring a list on your group home page lets you highlight your review and curation activity to readers.</p>
-    <section class="group-management-section">
+    <section class="group-management-of-featured-lists__sub-section">
       ${renderCurrentlyFeaturedLists(viewModel.currentlyFeaturedLists)}
     </section>
-    <section class="group-management-section">
+    <section class="group-management-of-featured-lists__sub-section">
       ${renderListsThatCanBeFeatured(viewModel.listsThatCanBeFeatured)}
     </section>
   </section>