From a6f7ac73024829552635cc1a1239e95bb8898e2d Mon Sep 17 00:00:00 2001 From: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com> Date: Mon, 10 Aug 2026 03:19:39 +0000 Subject: [PATCH 1/2] Polish UI accessibility and responsive reports --- app/about/page.tsx | 2 +- app/layout.tsx | 6 ++-- app/page.tsx | 2 +- app/tools/cert-viewer/View.tsx | 50 +++++++++++++++++++++------- app/tools/cors-tester/View.tsx | 46 +++++++++++++++++++------- app/tools/jwt-inspector/View.tsx | 51 +++++++++++++++++++++++------ app/tools/misconfig-mapper/View.tsx | 46 +++++++++++++++++++------- components/CertReportView.tsx | 30 ++++++++--------- components/CorsReportView.tsx | 47 ++++++++++++++++---------- components/ScanReportView.tsx | 20 ++++++----- components/SeverityBadge.tsx | 2 +- tailwind.config.ts | 2 -- 12 files changed, 211 insertions(+), 93 deletions(-) diff --git a/app/about/page.tsx b/app/about/page.tsx index a20a769..cafb243 100644 --- a/app/about/page.tsx +++ b/app/about/page.tsx @@ -7,7 +7,7 @@ export const metadata: Metadata = { export default function AboutPage() { return ( -
+

About

Cyber Toolbox is a small, growing collection of single-purpose web-security utilities. The diff --git a/app/layout.tsx b/app/layout.tsx index 45283d6..803b470 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -33,7 +33,7 @@ export default function RootLayout({ children }: { children: React.ReactNode }) Skip to main content -

+
@@ -41,14 +41,14 @@ export default function RootLayout({ children }: { children: React.ReactNode }) Cyber Toolbox -
{children}
-