From e74de6105a0ca58c20c883d1ced6138a08e50559 Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Sat, 8 Mar 2025 01:59:29 +0200
Subject: [PATCH] client/options: minor tweaks

---
 .../advanced/database_anonymization.ts        | 24 +++++++++++++++----
 .../advanced/database_integrity_check.ts      |  2 +-
 .../options/advanced/vacuum_database.ts       |  2 +-
 .../options/appearance/code_block.ts          |  2 +-
 .../appearance/electron_integration.ts        |  2 +-
 .../type_widgets/options/appearance/fonts.ts  |  4 ++--
 .../options/appearance/max_content_width.ts   |  2 +-
 .../widgets/type_widgets/options/backup.ts    |  2 +-
 .../code_notes/code_auto_read_only_size.ts    |  2 +-
 .../app/widgets/type_widgets/options/etapi.ts |  2 +-
 .../type_widgets/options/i18n/language.ts     |  2 +-
 .../type_widgets/options/images/images.ts     |  2 +-
 .../other/attachment_erasure_timeout.ts       |  4 ++--
 .../options/other/html_import_tags.ts         |  2 +-
 .../options/other/note_erasure_timeout.ts     |  4 ++--
 .../options/other/revision_snapshots_limit.ts |  2 +-
 .../other/revisions_snapshot_interval.ts      |  2 +-
 .../options/other/search_engine.ts            |  2 +-
 .../password/protected_session_timeout.ts     |  4 +++-
 .../widgets/type_widgets/options/shortcuts.ts |  2 +-
 .../type_widgets/options/spellcheck.ts        |  6 ++---
 .../app/widgets/type_widgets/options/sync.ts  |  4 ++--
 .../options/text_notes/highlights_list.ts     |  4 ++--
 .../options/text_notes/table_of_contents.ts   |  4 ++--
 .../text_notes/text_auto_read_only_size.ts    |  2 +-
 25 files changed, 53 insertions(+), 37 deletions(-)

diff --git a/src/public/app/widgets/type_widgets/options/advanced/database_anonymization.ts b/src/public/app/widgets/type_widgets/options/advanced/database_anonymization.ts
index 1fdd48e1a..9ead621b7 100644
--- a/src/public/app/widgets/type_widgets/options/advanced/database_anonymization.ts
+++ b/src/public/app/widgets/type_widgets/options/advanced/database_anonymization.ts
@@ -6,22 +6,36 @@ import type { OptionMap } from "../../../../../../services/options_interface.js"
 
 const TPL = `
 <div class="options-section">
+    <style>
+        .database-database-anonymization-option {
+            display: flex;
+            flex-direction: column;
+            align-items: flex-start;
+            margin-top: 1em;
+        }
+
+        .database-database-anonymization-option p {
+            margin-top: .75em;
+            flex-grow: 1;
+        }
+    </style>
+
     <h4>${t("database_anonymization.title")}</h4>
 
     <div class="row">
-        <p>${t("database_anonymization.choose_anonymization")}</p>
+        <p class="form-text">${t("database_anonymization.choose_anonymization")}</p>
 
-        <div class="col-md-6">
+        <div class="col-md-6 database-database-anonymization-option">
             <h5>${t("database_anonymization.full_anonymization")}</h5>
 
-            <p>${t("database_anonymization.full_anonymization_description")}</p>
+            <p class="form-text">${t("database_anonymization.full_anonymization_description")}</p>
             <button class="anonymize-full-button btn btn-secondary">${t("database_anonymization.save_fully_anonymized_database")}</button>
         </div>
 
-        <div class="col-md-6">
+        <div class="col-md-6 database-database-anonymization-option">
             <h5>${t("database_anonymization.light_anonymization")}</h5>
 
-            <p>${t("database_anonymization.light_anonymization_description")}</p>
+            <p class="form-text">${t("database_anonymization.light_anonymization_description")}</p>
 
             <button class="anonymize-light-button btn btn-secondary">${t("database_anonymization.save_lightly_anonymized_database")}</button>
         </div>
diff --git a/src/public/app/widgets/type_widgets/options/advanced/database_integrity_check.ts b/src/public/app/widgets/type_widgets/options/advanced/database_integrity_check.ts
index 868145423..60c0f880e 100644
--- a/src/public/app/widgets/type_widgets/options/advanced/database_integrity_check.ts
+++ b/src/public/app/widgets/type_widgets/options/advanced/database_integrity_check.ts
@@ -7,7 +7,7 @@ const TPL = `
 <div class="options-section">
     <h4>${t("database_integrity_check.title")}</h4>
 
-    <p>${t("database_integrity_check.description")}</p>
+    <p class="form-text">${t("database_integrity_check.description")}</p>
 
     <button class="check-integrity-button btn btn-secondary">${t("database_integrity_check.check_button")}</button>
     <button class="find-and-fix-consistency-issues-button btn btn-secondary">${t("consistency_checks.find_and_fix_button")}</button>
diff --git a/src/public/app/widgets/type_widgets/options/advanced/vacuum_database.ts b/src/public/app/widgets/type_widgets/options/advanced/vacuum_database.ts
index 811b7c90b..fb45c31b6 100644
--- a/src/public/app/widgets/type_widgets/options/advanced/vacuum_database.ts
+++ b/src/public/app/widgets/type_widgets/options/advanced/vacuum_database.ts
@@ -7,7 +7,7 @@ const TPL = `
 <div class="options-section">
     <h4>${t("vacuum_database.title")}</h4>
 
-    <p>${t("vacuum_database.description")}</p>
+    <p class="form-text">${t("vacuum_database.description")}</p>
 
     <button class="vacuum-database-button btn btn-secondary">${t("vacuum_database.button_text")}</button>
 </div>`;
diff --git a/src/public/app/widgets/type_widgets/options/appearance/code_block.ts b/src/public/app/widgets/type_widgets/options/appearance/code_block.ts
index 4dcebb20e..deec1f744 100644
--- a/src/public/app/widgets/type_widgets/options/appearance/code_block.ts
+++ b/src/public/app/widgets/type_widgets/options/appearance/code_block.ts
@@ -25,7 +25,7 @@ const TPL = `
 <div class="options-section">
     <h4>${t("highlighting.title")}</h4>
 
-    <p>${t("highlighting.description")}</p>
+    <p class="form-text">${t("highlighting.description")}</p>
 
     <div class="form-group row">
         <div class="col-md-6">
diff --git a/src/public/app/widgets/type_widgets/options/appearance/electron_integration.ts b/src/public/app/widgets/type_widgets/options/appearance/electron_integration.ts
index 208c991cf..ea0552cfe 100644
--- a/src/public/app/widgets/type_widgets/options/appearance/electron_integration.ts
+++ b/src/public/app/widgets/type_widgets/options/appearance/electron_integration.ts
@@ -11,7 +11,7 @@ const TPL = `
         <div class="col-12">
             <label for="zoom-factor-select">${t("electron_integration.zoom-factor")}</label>
             <input id="zoom-factor-select" type="number" class="zoom-factor-select form-control options-number-input" min="0.3" max="2.0" step="0.1"/>
-            <p>${t("zoom_factor.description")}</p>
+            <p class="form-text">${t("zoom_factor.description")}</p>
         </div>
     </div>
     <hr />
diff --git a/src/public/app/widgets/type_widgets/options/appearance/fonts.ts b/src/public/app/widgets/type_widgets/options/appearance/fonts.ts
index 900c91cba..51efa2b7a 100644
--- a/src/public/app/widgets/type_widgets/options/appearance/fonts.ts
+++ b/src/public/app/widgets/type_widgets/options/appearance/fonts.ts
@@ -126,9 +126,9 @@ const TPL = `
         </div>
     </div>
 
-    <p>${t("fonts.note_tree_and_detail_font_sizing")}</p>
+    <p class="form-text">${t("fonts.note_tree_and_detail_font_sizing")}</p>
 
-    <p>${t("fonts.not_all_fonts_available")}</p>
+    <p class="form-text">${t("fonts.not_all_fonts_available")}</p>
 
     <p>
         ${t("fonts.apply_font_changes")}
diff --git a/src/public/app/widgets/type_widgets/options/appearance/max_content_width.ts b/src/public/app/widgets/type_widgets/options/appearance/max_content_width.ts
index 541d26eca..a5b47c8ea 100644
--- a/src/public/app/widgets/type_widgets/options/appearance/max_content_width.ts
+++ b/src/public/app/widgets/type_widgets/options/appearance/max_content_width.ts
@@ -9,7 +9,7 @@ const TPL = `
 <div class="options-section">
     <h4>${t("max_content_width.title")}</h4>
 
-    <p>${t("max_content_width.default_description")}</p>
+    <p class="form-text">${t("max_content_width.default_description")}</p>
 
     <div class="form-group row">
         <div class="col-md-6">
diff --git a/src/public/app/widgets/type_widgets/options/backup.ts b/src/public/app/widgets/type_widgets/options/backup.ts
index f51690dc8..ae0978335 100644
--- a/src/public/app/widgets/type_widgets/options/backup.ts
+++ b/src/public/app/widgets/type_widgets/options/backup.ts
@@ -32,7 +32,7 @@ const TPL = `
         </li>
     </ul>
 
-    <p>${t("backup.backup_recommendation")}</p>
+    <p class="form-text">${t("backup.backup_recommendation")}</p>
 </div>
 
 <div class="options-section">
diff --git a/src/public/app/widgets/type_widgets/options/code_notes/code_auto_read_only_size.ts b/src/public/app/widgets/type_widgets/options/code_notes/code_auto_read_only_size.ts
index dc414b396..584fd23f0 100644
--- a/src/public/app/widgets/type_widgets/options/code_notes/code_auto_read_only_size.ts
+++ b/src/public/app/widgets/type_widgets/options/code_notes/code_auto_read_only_size.ts
@@ -6,7 +6,7 @@ const TPL = `
 <div class="options-section">
     <h4>${t("code_auto_read_only_size.title")}</h4>
 
-    <p>${t("code_auto_read_only_size.description")}</p>
+    <p class="form-text">${t("code_auto_read_only_size.description")}</p>
 
     <div class="form-group">
         <label for="auto-readonly-size-code">${t("code_auto_read_only_size.label")}</label>
diff --git a/src/public/app/widgets/type_widgets/options/etapi.ts b/src/public/app/widgets/type_widgets/options/etapi.ts
index 36a37cc27..becf630eb 100644
--- a/src/public/app/widgets/type_widgets/options/etapi.ts
+++ b/src/public/app/widgets/type_widgets/options/etapi.ts
@@ -9,7 +9,7 @@ const TPL = `
 <div class="options-section">
     <h4>${t("etapi.title")}</h4>
 
-    <p>${t("etapi.description")} <br/>
+    <p class="form-text">${t("etapi.description")} <br/>
       ${t("etapi.see_more", {
         link_to_wiki: `<a class="tn-link" href="https://triliumnext.github.io/Docs/Wiki/etapi.html">${t("etapi.wiki")}</a>`,
         // TODO: We use window.open src/public/app/services/link.ts -> prevents regular click behavior on "a" element here because it's a relative path
diff --git a/src/public/app/widgets/type_widgets/options/i18n/language.ts b/src/public/app/widgets/type_widgets/options/i18n/language.ts
index 1b8d34132..6f5124da6 100644
--- a/src/public/app/widgets/type_widgets/options/i18n/language.ts
+++ b/src/public/app/widgets/type_widgets/options/i18n/language.ts
@@ -6,7 +6,7 @@ import { t } from "i18next";
 const TPL = `
 <div class="options-section">
     <h4>${t("content_language.title")}</h4>
-    <p>${t("content_language.description")}</p>
+    <p class="form-text">${t("content_language.description")}</p>
 
     <ul class="options-languages">
     </ul>
diff --git a/src/public/app/widgets/type_widgets/options/images/images.ts b/src/public/app/widgets/type_widgets/options/images/images.ts
index b7acdd1d8..c5ef57cf9 100644
--- a/src/public/app/widgets/type_widgets/options/images/images.ts
+++ b/src/public/app/widgets/type_widgets/options/images/images.ts
@@ -18,7 +18,7 @@ const TPL = `
         ${t("images.download_images_automatically")}
     </label>
 
-    <p>${t("images.download_images_description")}</p>
+    <p class="form-text">${t("images.download_images_description")}</p>
 
     <hr />
 
diff --git a/src/public/app/widgets/type_widgets/options/other/attachment_erasure_timeout.ts b/src/public/app/widgets/type_widgets/options/other/attachment_erasure_timeout.ts
index 7af216cd0..7ccf51058 100644
--- a/src/public/app/widgets/type_widgets/options/other/attachment_erasure_timeout.ts
+++ b/src/public/app/widgets/type_widgets/options/other/attachment_erasure_timeout.ts
@@ -8,10 +8,10 @@ const TPL = `
 <div class="options-section">
     <h4>${t("attachment_erasure_timeout.attachment_erasure_timeout")}</h4>
 
-    <p>${t("attachment_erasure_timeout.attachment_auto_deletion_description")}</p>
+    <p class="form-text">${t("attachment_erasure_timeout.attachment_auto_deletion_description")}</p>
     <div id="time-selector-placeholder"></div>
-    <p>${t("attachment_erasure_timeout.manual_erasing_description")}</p>
 
+    <p class="form-text">${t("attachment_erasure_timeout.manual_erasing_description")}</p>
     <button class="erase-unused-attachments-now-button btn btn-secondary">${t("attachment_erasure_timeout.erase_unused_attachments_now")}</button>
 </div>`;
 
diff --git a/src/public/app/widgets/type_widgets/options/other/html_import_tags.ts b/src/public/app/widgets/type_widgets/options/other/html_import_tags.ts
index 4b1e9fa3a..1b4f559c4 100644
--- a/src/public/app/widgets/type_widgets/options/other/html_import_tags.ts
+++ b/src/public/app/widgets/type_widgets/options/other/html_import_tags.ts
@@ -112,7 +112,7 @@ const TPL = `
     </style>
     <h4>${t("import.html_import_tags.title")}</h4>
 
-    <p>${t("import.html_import_tags.description")}</p>
+    <p class="form-text">${t("import.html_import_tags.description")}</p>
 
     <textarea class="allowed-html-tags form-control" spellcheck="false"
               placeholder="${t("import.html_import_tags.placeholder")}"></textarea>
diff --git a/src/public/app/widgets/type_widgets/options/other/note_erasure_timeout.ts b/src/public/app/widgets/type_widgets/options/other/note_erasure_timeout.ts
index 8b5681fcd..1b282e921 100644
--- a/src/public/app/widgets/type_widgets/options/other/note_erasure_timeout.ts
+++ b/src/public/app/widgets/type_widgets/options/other/note_erasure_timeout.ts
@@ -8,9 +8,9 @@ import TimeSelector from "../time_selector.js";
 const TPL = `
 <div class="options-section">
     <h4>${t("note_erasure_timeout.note_erasure_timeout_title")}</h4>
-    <p>${t("note_erasure_timeout.note_erasure_description")}</p>
+    <p class="form-text">${t("note_erasure_timeout.note_erasure_description")}</p>
     <div id="time-selector-placeholder"></div>
-    <p>${t("note_erasure_timeout.manual_erasing_description")}</p>
+    <p class="form-text">${t("note_erasure_timeout.manual_erasing_description")}</p>
     <button id="erase-deleted-notes-now-button" class="btn btn-secondary">${t("note_erasure_timeout.erase_deleted_notes_now")}</button>
 </div>`;
 
diff --git a/src/public/app/widgets/type_widgets/options/other/revision_snapshots_limit.ts b/src/public/app/widgets/type_widgets/options/other/revision_snapshots_limit.ts
index 835c0a939..fa46eb59b 100644
--- a/src/public/app/widgets/type_widgets/options/other/revision_snapshots_limit.ts
+++ b/src/public/app/widgets/type_widgets/options/other/revision_snapshots_limit.ts
@@ -8,7 +8,7 @@ const TPL = `
 <div class="options-section">
     <h4>${t("revisions_snapshot_limit.note_revisions_snapshot_limit_title")}</h4>
 
-    <p>${t("revisions_snapshot_limit.note_revisions_snapshot_limit_description")}</p>
+    <p class="form-text">${t("revisions_snapshot_limit.note_revisions_snapshot_limit_description")}</p>
 
     <div class="form-group">
         <label>${t("revisions_snapshot_limit.snapshot_number_limit_label")}</label>
diff --git a/src/public/app/widgets/type_widgets/options/other/revisions_snapshot_interval.ts b/src/public/app/widgets/type_widgets/options/other/revisions_snapshot_interval.ts
index dfb16060c..90b5d2485 100644
--- a/src/public/app/widgets/type_widgets/options/other/revisions_snapshot_interval.ts
+++ b/src/public/app/widgets/type_widgets/options/other/revisions_snapshot_interval.ts
@@ -5,7 +5,7 @@ const TPL = `
 <div class="options-section">
     <h4>${t("revisions_snapshot_interval.note_revisions_snapshot_interval_title")}</h4>
 
-    <p class="use-tn-links">${t("revisions_snapshot_interval.note_revisions_snapshot_description")}</p>
+    <p class="form-text use-tn-links">${t("revisions_snapshot_interval.note_revisions_snapshot_description")}</p>
     <div id="time-selector-placeholder"></div>
 </div>`;
 
diff --git a/src/public/app/widgets/type_widgets/options/other/search_engine.ts b/src/public/app/widgets/type_widgets/options/other/search_engine.ts
index 946cbbbde..dfaf27ecc 100644
--- a/src/public/app/widgets/type_widgets/options/other/search_engine.ts
+++ b/src/public/app/widgets/type_widgets/options/other/search_engine.ts
@@ -7,7 +7,7 @@ const TPL = `
 <div class="options-section">
     <h4>${t("search_engine.title")}</h4>
 
-    <p>${t("search_engine.custom_search_engine_info")}</p>
+    <p class="form-text">${t("search_engine.custom_search_engine_info")}</p>
 
     <form class="sync-setup-form">
         <div class="form-group">
diff --git a/src/public/app/widgets/type_widgets/options/password/protected_session_timeout.ts b/src/public/app/widgets/type_widgets/options/password/protected_session_timeout.ts
index 3e5548667..99e8e4f6e 100644
--- a/src/public/app/widgets/type_widgets/options/password/protected_session_timeout.ts
+++ b/src/public/app/widgets/type_widgets/options/password/protected_session_timeout.ts
@@ -5,7 +5,9 @@ const TPL = `
 <div class="options-section">
     <h4>${t("password.protected_session_timeout")}</h4>
 
-    <p>${t("password.protected_session_timeout_description")} <a class="tn-link" href="https://triliumnext.github.io/Docs/Wiki/protected-notes.html" class="external">${t("password.wiki")}</a> ${t("password.for_more_info")}</p>
+    <p class="form-text">
+        ${t("password.protected_session_timeout_description")} <a class="tn-link" href="https://triliumnext.github.io/Docs/Wiki/protected-notes.html" class="external">${t("password.wiki")}</a> ${t("password.for_more_info")}
+    </p>
     <div id="time-selector-placeholder"></div>
 </div>`;
 
diff --git a/src/public/app/widgets/type_widgets/options/shortcuts.ts b/src/public/app/widgets/type_widgets/options/shortcuts.ts
index c8ddf6c0f..179b9325a 100644
--- a/src/public/app/widgets/type_widgets/options/shortcuts.ts
+++ b/src/public/app/widgets/type_widgets/options/shortcuts.ts
@@ -30,7 +30,7 @@ const TPL = `
 
     <h4>${t("shortcuts.keyboard_shortcuts")}</h4>
 
-    <p class="use-tn-links">
+    <p class="form-text use-tn-links">
       ${t("shortcuts.multiple_shortcuts")}
       ${t("shortcuts.electron_documentation")}
     </p>
diff --git a/src/public/app/widgets/type_widgets/options/spellcheck.ts b/src/public/app/widgets/type_widgets/options/spellcheck.ts
index 924df3f11..87994909d 100644
--- a/src/public/app/widgets/type_widgets/options/spellcheck.ts
+++ b/src/public/app/widgets/type_widgets/options/spellcheck.ts
@@ -15,7 +15,7 @@ const TPL_ELECTRON = `
 <div class="options-section">
     <h4>${t("spellcheck.title")}</h4>
 
-    <p>${t("spellcheck.restart-required")}</p>
+    <p class="form-text">${t("spellcheck.restart-required")}</p>
 
     <label class="tn-checkbox">
         <input type="checkbox" class="spell-check-enabled">
@@ -29,9 +29,9 @@ const TPL_ELECTRON = `
         <input id="spell-check-language-code" type="text" class="spell-check-language-code form-control" placeholder="${t("spellcheck.language_code_placeholder")}">
     </div>
 
-    <p>${t("spellcheck.multiple_languages_info")}</p>
+    <p class="form-text">${t("spellcheck.multiple_languages_info")}</p>
 
-    <p><strong>${t("spellcheck.available_language_codes_label")} </strong> <span class="available-language-codes"></span></p>
+    <p class="form-text"><strong>${t("spellcheck.available_language_codes_label")} </strong> <span class="available-language-codes"></span></p>
 </div>`;
 
 export default class SpellcheckOptions extends OptionsWidget {
diff --git a/src/public/app/widgets/type_widgets/options/sync.ts b/src/public/app/widgets/type_widgets/options/sync.ts
index 8e89fd792..e57d07eea 100644
--- a/src/public/app/widgets/type_widgets/options/sync.ts
+++ b/src/public/app/widgets/type_widgets/options/sync.ts
@@ -23,8 +23,8 @@ const TPL = `
             <label for="sync-proxy form-control" >${t("sync_2.proxy_label")}</label>
             <input id="sync-proxy form-control" class="sync-proxy form-control" placeholder="https://<host>:<port>">
 
-            <p><strong>${t("sync_2.note")}:</strong> ${t("sync_2.note_description")}</p>
-            <p>${t("sync_2.special_value_description")}</p>
+            <p class="form-text"><strong>${t("sync_2.note")}:</strong> ${t("sync_2.note_description")}</p>
+            <p class="form-text">${t("sync_2.special_value_description")}</p>
         </div>
 
         <div style="display: flex; justify-content: space-between;">
diff --git a/src/public/app/widgets/type_widgets/options/text_notes/highlights_list.ts b/src/public/app/widgets/type_widgets/options/text_notes/highlights_list.ts
index 2e55815e3..3be3d3724 100644
--- a/src/public/app/widgets/type_widgets/options/text_notes/highlights_list.ts
+++ b/src/public/app/widgets/type_widgets/options/text_notes/highlights_list.ts
@@ -20,9 +20,9 @@ const TPL = `
 
     <h5>${t("highlights_list.visibility_title")}</h5>
 
-    <p>${t("highlights_list.visibility_description")}</p>
+    <p class="form-text">${t("highlights_list.visibility_description")}</p>
 
-    <p>${t("highlights_list.shortcut_info")}</p>
+    <p class="form-text">${t("highlights_list.shortcut_info")}</p>
 </div>`;
 
 export default class HighlightsListOptions extends OptionsWidget {
diff --git a/src/public/app/widgets/type_widgets/options/text_notes/table_of_contents.ts b/src/public/app/widgets/type_widgets/options/text_notes/table_of_contents.ts
index 8e88f7b4b..87ebae17f 100644
--- a/src/public/app/widgets/type_widgets/options/text_notes/table_of_contents.ts
+++ b/src/public/app/widgets/type_widgets/options/text_notes/table_of_contents.ts
@@ -12,9 +12,9 @@ const TPL = `
         <input type="number" class="min-toc-headings form-control options-number-input options-number-input" min="0" max="9999999999999999" step="1" />
     </div>
 
-    <p>${t("table_of_contents.disable_info")}</p>
+    <p class="form-text">${t("table_of_contents.disable_info")}</p>
 
-    <p>${t("table_of_contents.shortcut_info")}</p>
+    <p class="form-text">${t("table_of_contents.shortcut_info")}</p>
 </div>`;
 
 export default class TableOfContentsOptions extends OptionsWidget {
diff --git a/src/public/app/widgets/type_widgets/options/text_notes/text_auto_read_only_size.ts b/src/public/app/widgets/type_widgets/options/text_notes/text_auto_read_only_size.ts
index fdf0877c2..7bcd5773f 100644
--- a/src/public/app/widgets/type_widgets/options/text_notes/text_auto_read_only_size.ts
+++ b/src/public/app/widgets/type_widgets/options/text_notes/text_auto_read_only_size.ts
@@ -6,7 +6,7 @@ const TPL = `
 <div class="options-section">
     <h4>${t("text_auto_read_only_size.title")}</h4>
 
-    <p>${t("text_auto_read_only_size.description")}</p>
+    <p class="form-text">${t("text_auto_read_only_size.description")}</p>
 
     <div class="form-group">
         <label for="auto-readonly-size-text">${t("text_auto_read_only_size.label")}</label>