From 8fb3ee106924f715b2966880bdc599cbe6b5d2e0 Mon Sep 17 00:00:00 2001
From: Grzegorz Kucmierz <gkucmierz@gmail.com>
Date: Fri, 27 Feb 2026 04:20:29 +0000
Subject: [PATCH] refactor: align privacy policy layout with app design

---
 src/views/PrivacyPolicy.vue | 156 +++++++++++++++++++-----------------
 1 file changed, 81 insertions(+), 75 deletions(-)

diff --git a/src/views/PrivacyPolicy.vue b/src/views/PrivacyPolicy.vue
index e9a8cd4..6ce7d57 100644
--- a/src/views/PrivacyPolicy.vue
+++ b/src/views/PrivacyPolicy.vue
@@ -3,8 +3,8 @@ import { ArrowLeft } from 'lucide-vue-next'
 </script>
 
 <template>
-  <div class="privacy-container">
-    <div class="privacy-content">
+  <div class="tool-container">
+    <div class="tool-panel privacy-panel">
       <header class="privacy-header">
         <router-link to="/" class="back-link">
           <ArrowLeft size="20" />
@@ -14,96 +14,102 @@ import { ArrowLeft } from 'lucide-vue-next'
         <p class="last-updated">Last Updated: February 27, 2026</p>
       </header>
 
-      <section>
-        <h2>1. Introduction</h2>
-        <p>
-          Welcome to Tools App ("we," "our," or "us"). We are committed to protecting your privacy.
-          This Privacy Policy explains how our Chrome Extension ("Tools App Extension") handles your data.
-        </p>
-      </section>
+      <div class="privacy-body">
+        <section>
+          <h2>1. Introduction</h2>
+          <p>
+            Welcome to Tools App ("we," "our," or "us"). We are committed to protecting your privacy.
+            This Privacy Policy explains how our Chrome Extension ("Tools App Extension") handles your data.
+          </p>
+        </section>
 
-      <section>
-        <h2>2. Data Collection and Usage</h2>
-        <p>
-          The Tools App Extension is designed with privacy as a priority.
-          <strong>We do not collect, store, or transmit any of your personal data to external servers.</strong>
-        </p>
+        <section>
+          <h2>2. Data Collection and Usage</h2>
+          <p>
+            The Tools App Extension is designed with privacy as a priority.
+            <strong>We do not collect, store, or transmit any of your personal data to external servers.</strong>
+          </p>
 
-        <h3>Clipboard Data</h3>
-        <p>
-          The extension requires the <code>clipboardRead</code> permission to function.
-          It reads text from your clipboard <strong>only</strong> when you explicitly enable the "Clipboard Sniffer" tool in the Tools App web interface.
-        </p>
-        <ul>
-          <li>Clipboard data is processed locally within your browser.</li>
-          <li>Data is sent directly from the extension to the open Tools App tab via a secure local communication channel.</li>
-          <li>Once you close the tab or stop the tool, the extension stops monitoring the clipboard immediately.</li>
-          <li>We do not have access to your clipboard history, and it is never uploaded to any cloud storage or third-party service.</li>
-        </ul>
-      </section>
+          <h3>Clipboard Data</h3>
+          <p>
+            The extension requires the <code>clipboardRead</code> permission to function.
+            It reads text from your clipboard <strong>only</strong> when you explicitly enable the "Clipboard Sniffer" tool in the Tools App web interface.
+          </p>
+          <ul>
+            <li>Clipboard data is processed locally within your browser.</li>
+            <li>Data is sent directly from the extension to the open Tools App tab via a secure local communication channel.</li>
+            <li>Once you close the tab or stop the tool, the extension stops monitoring the clipboard immediately.</li>
+            <li>We do not have access to your clipboard history, and it is never uploaded to any cloud storage or third-party service.</li>
+          </ul>
+        </section>
 
-      <section>
-        <h2>3. Permissions</h2>
-        <p>The extension requests the following permissions for specific functional purposes:</p>
-        <ul>
-          <li><strong>clipboardRead:</strong> To detect copied text when the Sniffer tool is active.</li>
-          <li><strong>scripting:</strong> To communicate with the Tools App web page.</li>
-          <li><strong>storage:</strong> To save local user preferences (e.g., sound settings).</li>
-          <li><strong>alarms:</strong> To maintain the background process active during monitoring sessions.</li>
-        </ul>
-      </section>
+        <section>
+          <h2>3. Permissions</h2>
+          <p>The extension requests the following permissions for specific functional purposes:</p>
+          <ul>
+            <li><strong>clipboardRead:</strong> To detect copied text when the Sniffer tool is active.</li>
+            <li><strong>scripting:</strong> To communicate with the Tools App web page.</li>
+            <li><strong>storage:</strong> To save local user preferences (e.g., sound settings).</li>
+            <li><strong>alarms:</strong> To maintain the background process active during monitoring sessions.</li>
+          </ul>
+        </section>
 
-      <section>
-        <h2>4. Third-Party Services</h2>
-        <p>
-          Our extension operates independently and does not use any third-party analytics, tracking scripts, or advertising networks.
-        </p>
-      </section>
+        <section>
+          <h2>4. Third-Party Services</h2>
+          <p>
+            Our extension operates independently and does not use any third-party analytics, tracking scripts, or advertising networks.
+          </p>
+        </section>
 
-      <section>
-        <h2>5. Changes to This Policy</h2>
-        <p>
-          We may update our Privacy Policy from time to time. We will notify you of any changes by posting the new Privacy Policy on this page.
-        </p>
-      </section>
+        <section>
+          <h2>5. Changes to This Policy</h2>
+          <p>
+            We may update our Privacy Policy from time to time. We will notify you of any changes by posting the new Privacy Policy on this page.
+          </p>
+        </section>
 
-      <section>
-        <h2>6. Contact Us</h2>
-        <p>
-          If you have any questions about this Privacy Policy, please contact us via the repository or support channels provided in the Chrome Web Store listing.
-        </p>
-      </section>
+        <section>
+          <h2>6. Contact Us</h2>
+          <p>
+            If you have any questions about this Privacy Policy, please contact us via the repository or support channels provided in the Chrome Web Store listing.
+          </p>
+        </section>
+      </div>
     </div>
   </div>
 </template>
 
 <style scoped>
-.privacy-container {
-  min-height: 100vh;
-  width: 100%;
-  display: flex;
-  justify-content: center;
-  padding: 2rem;
-  background: var(--bg-gradient);
-  color: var(--text-color);
+.privacy-panel {
+  max-width: 900px; /* Slightly wider for reading */
+  margin: 0 auto;
 }
 
-.privacy-content {
-  width: 100%;
-  max-width: 800px;
-  background: var(--glass-bg);
-  backdrop-filter: blur(12px);
-  -webkit-backdrop-filter: blur(12px);
-  border: 1px solid var(--glass-border);
-  border-radius: 16px;
-  padding: 3rem;
-  box-shadow: var(--glass-shadow);
+.privacy-body {
+  overflow-y: auto;
+  padding-right: 0.5rem;
+}
+
+/* Custom scrollbar for privacy body */
+.privacy-body::-webkit-scrollbar {
+  width: 8px;
+}
+
+.privacy-body::-webkit-scrollbar-track {
+  background: rgba(0, 0, 0, 0.1);
+  border-radius: 4px;
+}
+
+.privacy-body::-webkit-scrollbar-thumb {
+  background: rgba(255, 255, 255, 0.2);
+  border-radius: 4px;
 }
 
 .privacy-header {
-  margin-bottom: 3rem;
+  margin-bottom: 2rem;
   border-bottom: 1px solid var(--glass-border);
-  padding-bottom: 2rem;
+  padding-bottom: 1.5rem;
+  flex-shrink: 0;
 }
 
 .back-link {