Add global option to HelpItem

ts/lib/components/HelpSection.svelte

@@ -8,6 +8,8 @@
 
     import Row from "./Row.svelte";
     import type { HelpItem } from "./types";
+    import { mdiEarth } from "./icons";
+    import Icon from "./Icon.svelte";
 
     export let item: HelpItem;
 </script>
@@ -21,6 +23,11 @@
         {/if}
     </h2>
     {#if item.help}
+        {#if item.global}
+            <div class="icon">
+                <Icon icon={mdiEarth} />
+            </div>
+        {/if}
         {@html renderMarkdown(item.help)}
     {:else}
         {@html renderMarkdown(
@@ -54,4 +61,11 @@
         color: var(--fg-subtle);
         font-size: small;
     }
+
+    .icon {
+        display: inline-block;
+        width: 1em;
+        fill: currentColor;
+        margin-bottom: 1em;
+    }
 </style>

ts/lib/components/types.ts

@@ -9,6 +9,7 @@ export type HelpItem = {
     help?: string;
     url?: string;
     sched?: HelpItemScheduler;
+    global?: boolean;
 };
 
 export enum HelpItemScheduler {

ts/routes/deck-options/DailyLimits.svelte

@@ -133,9 +133,9 @@
         },
         newCardsIgnoreReviewLimit: {
             title: tr.deckConfigNewCardsIgnoreReviewLimit(),
-
             help: newCardsIgnoreReviewLimitHelp,
             url: HelpPage.DeckOptions.newCardsday,
+            global: true,
         },
         applyAllParentLimits: {
             title: tr.deckConfigApplyAllParentLimits(),