Translate books are on one line

And force synced the book font size
sillsdev · Nov 6, 2024 · 22b6b7f · 22b6b7f
1 parent 6599736
commit 22b6b7f
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 3 deletions.
diff --git a/...p/translate/draft-generation/draft-generation-steps/draft-generation-steps.component.html b/...p/translate/draft-generation/draft-generation-steps/draft-generation-steps.component.html
@@ -204,9 +204,7 @@ <h2>
           <span class="explanation">{{ t("confirm_translate") }}</span>
           <div class="confirm-translate">
             <div class="confirm-books confirm-translate-books">
-              @for (book of userSelectedTranslateBooks; track book) {
-                <span class="confirm-book">{{ book.name }}</span>
-              }
+              <span class="confirm-book">{{ selectedTranslateBooks() }}</span>
             </div>
           </div>
         </mat-card>

diff --git a/...p/translate/draft-generation/draft-generation-steps/draft-generation-steps.component.scss b/...p/translate/draft-generation/draft-generation-steps/draft-generation-steps.component.scss
@@ -143,4 +143,5 @@ app-notice {
 
 .confirm-book {
   padding-block: 4px;
+  font-size: 16px;
 }
diff --git a/...app/translate/draft-generation/draft-generation-steps/draft-generation-steps.component.ts b/...app/translate/draft-generation/draft-generation-steps/draft-generation-steps.component.ts
@@ -348,6 +348,10 @@ export class DraftGenerationStepsComponent extends SubscriptionDisposable implem
     }
   }
 
+  selectedTranslateBooks(): string {
+    return this.userSelectedTranslateBooks.map(b => b.name).join(', ');
+  }
+
   /**
    * Filter selected translate books from available/selected training books.
    * Currently, training books cannot in the set of translate books,