From 235dfe960aa9446abed9afd8ad22176e064a9323 Mon Sep 17 00:00:00 2001
From: MacRimi <ricoextincion@gmail.com>
Date: Sun, 9 Mar 2025 12:43:10 +0100
Subject: [PATCH] Update web whit security notices

---
 web/app/docs/installation/page.tsx |  2 +-
 web/app/docs/introduction/page.tsx | 56 +++++++++++++++---------------
 2 files changed, 29 insertions(+), 29 deletions(-)

diff --git a/web/app/docs/installation/page.tsx b/web/app/docs/installation/page.tsx
index 821e501..2dae8dd 100644
--- a/web/app/docs/installation/page.tsx
+++ b/web/app/docs/installation/page.tsx
@@ -34,7 +34,7 @@ export default function InstallationPage() {
           </p>
         </div>
    
-      <p className="mb-4">During installation, ProxMenux will automatically install and configure the following dependencies:</p>
+      <p className="mt-8 mb-4">During installation, ProxMenux will automatically install and configure the following dependencies:</p>
       <ul className="list-disc list-inside mb-4">
         <li>whiptail - for interactive menus</li>
         <li>curl - for downloading remote files</li>
diff --git a/web/app/docs/introduction/page.tsx b/web/app/docs/introduction/page.tsx
index fd4a3cc..15302ff 100644
--- a/web/app/docs/introduction/page.tsx
+++ b/web/app/docs/introduction/page.tsx
@@ -60,35 +60,35 @@ export default function IntroductionPage() {
       </p>
 
       {/* Security Notice */}
-      <div className="bg-white rounded-lg shadow-sm p-4 my-4">
-        <h3 className="text-lg font-medium mb-2 flex items-center">
-          <AlertTriangle className="h-5 w-5 text-yellow-500 mr-2" />
-          Security Information
-        </h3>
-        <p className="mb-3">
-          Be careful when copying scripts from the internet. Always remember to check the source!
-        </p>
-        <div className="flex flex-wrap gap-2">
-          <a
-            href="https://github.com/MacRimi/ProxMenux/tree/main/scripts" 
-            className="inline-flex items-center px-3 py-2 text-sm font-medium rounded-md bg-blue-600 hover:bg-blue-700 text-white"
-            target="_blank"
-            rel="noopener noreferrer"
-          >
-            <FileCode className="h-4 w-4 mr-2" />
-            View Source Code
-          </a>
-          <a
-            href="https://github.com/MacRimi/ProxMenux?tab=coc-ov-file#-2-security--code-responsibility" 
-            className="inline-flex items-center px-3 py-2 text-sm font-medium rounded-md bg-green-600 hover:bg-green-700 text-white"
-            target="_blank"
-            rel="noopener noreferrer"
-          >
-            <Shield className="h-4 w-4 mr-2" />
-            Code of Conduct
-          </a>
+      <div>
+          <h3 className="text-lg font-medium mb-2 flex items-center">
+            <AlertTriangle className="h-5 w-5 text-yellow-500 mr-2" />
+            Security Information
+          </h3>
+          <p className="mb-3">
+            Be careful when running scripts from the Internet. Always remember to check the source!
+          </p>
+          <div className="flex flex-wrap gap-2">
+            <a
+              href="https://github.com/MacRimi/ProxMenux/tree/main/scripts" 
+              className="inline-flex items-center px-3 py-2 text-sm font-medium rounded-md bg-blue-600 hover:bg-blue-700 text-white"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              <FileCode className="h-4 w-4 mr-2" />
+              View Source Code
+            </a>
+            <a
+              href="https://github.com/MacRimi/ProxMenux?tab=coc-ov-file#-2-security--code-responsibility" 
+              className="inline-flex items-center px-3 py-2 text-sm font-medium rounded-md bg-green-600 hover:bg-green-700 text-white"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              <Shield className="h-4 w-4 mr-2" />
+              Code of Conduct
+            </a>
+          </div>
         </div>
-      </div>
 
     </div>
   )