From bbb1fd2dae716d6e1961762c0c0596024dd5af1e Mon Sep 17 00:00:00 2001
From: Sidharth Vinod <sidharthv96@gmail.com>
Date: Mon, 17 Mar 2025 12:42:38 -0700
Subject: [PATCH] chore: Update security verbiage

---
 src/lib/components/DropdownNavMenu.svelte |  4 ++--
 src/lib/components/Privacy.svelte         | 25 +++++++++++++++--------
 2 files changed, 19 insertions(+), 10 deletions(-)

diff --git a/src/lib/components/DropdownNavMenu.svelte b/src/lib/components/DropdownNavMenu.svelte
index 7cf9bab1..3ba8beb8 100644
--- a/src/lib/components/DropdownNavMenu.svelte
+++ b/src/lib/components/DropdownNavMenu.svelte
@@ -20,9 +20,9 @@
   </Popover.Trigger>
   <Popover.Content>
     <!-- svelte-ignore a11y_no_noninteractive_tabindex -->
-    <ul tabindex="0" class="menu flex flex-col gap-2">
+    <ul tabindex="0" class="flex flex-col">
       {#each props.links as { href, title }}
-        <li>
+        <li class="rounded-md p-2 hover:bg-muted">
           <a
             role="menuitem"
             tabindex="0"
diff --git a/src/lib/components/Privacy.svelte b/src/lib/components/Privacy.svelte
index 8c86898c..6567def9 100644
--- a/src/lib/components/Privacy.svelte
+++ b/src/lib/components/Privacy.svelte
@@ -10,27 +10,36 @@
   <Dialog.Content>
     <Dialog.Header>
       <Dialog.Title class="flex items-center gap-2 text-xl">
-        <ShieldIcon class="size-8 text-green-700" />Data security</Dialog.Title>
-      <Dialog.Description></Dialog.Description>
+        <ShieldIcon class="size-8 text-green-700" />
+        Data security
+      </Dialog.Title>
     </Dialog.Header>
 
     <p class="text-xl font-semibold">
       The content of the diagrams you create never leaves your browser.
     </p>
-    <p>It's stored in the URL, and the browser's local storage only.</p>
+    <p>It's only stored in the URL, and your browser's local storage.</p>
     <p>
-      Mermaid live editor is a fully client side application, that will also work as an offline <a
-        href="https://web.dev/explore/progressive-web-apps"
+      Mermaid Live Editor is a fully open source, client side application, deployed transparently on <a
+        href="https://github.com/mermaid-js/mermaid-live-editor/deployments"
         class="underline"
         target="_blank">
+        GitHub Pages
+      </a>.
+    </p>
+    <p>
+      It will also work as a fully offline
+      <a href="https://web.dev/explore/progressive-web-apps" target="_blank">
         Progressive Web App.
       </a>
     </p>
     <p>
       The only server we have is a self hosted version of the open source and privacy friendly
-      Plausible Analytics. We only collect data related to actions performed, like the type of
-      diagram rendered, number of times a feature was used, etc. <br /> All the data we collect is
-      anonymized and
+      Plausible Analytics. We only collect anonymous data related to actions performed, like the
+      type of diagram rendered, number of times a feature was used, etc.
+    </p>
+    <p>
+      All the data we collect is anonymized and
       <a href="https://p.mermaid.live/mermaid.live" class="underline" target="_blank">
         available publicly.
       </a>