From 46556c1c14bfbbd7d807ce1b475e2752536fc2c6 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sat, 14 Feb 2026 10:40:19 +0200
Subject: [PATCH] chore(badges/content): make toggle more compact

---
 apps/client/src/translations/en/translation.json       | 5 +++++
 apps/client/src/widgets/layout/ActiveContentBadges.tsx | 8 +++++---
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/apps/client/src/translations/en/translation.json b/apps/client/src/translations/en/translation.json
index f434ffeddd..48f5707563 100644
--- a/apps/client/src/translations/en/translation.json
+++ b/apps/client/src/translations/en/translation.json
@@ -2288,5 +2288,10 @@
   },
   "bookmark_buttons": {
     "bookmarks": "Bookmarks"
+  },
+  "active_content_badges": {
+    "type_icon_pack": "Icon pack",
+    "toggle_tooltip_enable_tooltip": "Click to enable this {{type}}.",
+    "toggle_tooltip_disable_tooltip": "Click to disable this {{type}}."
   }
 }
diff --git a/apps/client/src/widgets/layout/ActiveContentBadges.tsx b/apps/client/src/widgets/layout/ActiveContentBadges.tsx
index 8b0cb3744c..6f93ada5cb 100644
--- a/apps/client/src/widgets/layout/ActiveContentBadges.tsx
+++ b/apps/client/src/widgets/layout/ActiveContentBadges.tsx
@@ -3,6 +3,7 @@ import { useEffect, useState } from "preact/hooks";
 
 import FNote from "../../entities/fnote";
 import attributes from "../../services/attributes";
+import { t } from "../../services/i18n";
 import { Badge } from "../react/Badge";
 import FormToggle from "../react/FormToggle";
 import { useNoteContext, useTriliumEvent } from "../react/hooks";
@@ -27,16 +28,17 @@ function IconPackBadge() {
         <Badge
             className="icon-pack-badge"
             icon="bx bx-package"
-            text="Icon pack"
+            text={t("active_content_badges.type_icon_pack")}
         />
     );
 }
 
 function ActiveContentToggle({ note, info }: { note: FNote, info: ActiveContentInfo }) {
     return info && <FormToggle
-        switchOnName="Enabled"
-        switchOffName="Enabled"
+        switchOnName="" switchOffName=""
         currentValue={info.isEnabled}
+        switchOnTooltip={t("active_content_badges.toggle_tooltip_disable_tooltip", { type: t("active_content_badges.type_icon_pack") })}
+        switchOffTooltip={t("active_content_badges.toggle_tooltip_enable_tooltip", { type: t("active_content_badges.type_icon_pack") })}
         onChange={async (willEnable) => {
             const attrs = note.getOwnedAttributes()
                 .filter(attr => {