From 4a0b1dde6ddcc4a4963637649b1652129d79a9e7 Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Sat, 30 Aug 2025 16:39:17 +0000
Subject: [PATCH] Add grid overlay for testing layout alignment

Adds CSS rules to `client/src/index.css` to enable a visual grid overlay for layout testing when the `show-grid` class is applied to the body.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 074b0e4c-6171-43bd-aa98-f9e04623ca14
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/074b0e4c-6171-43bd-aa98-f9e04623ca14/Sy6XHzr
---
 client/src/index.css | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/client/src/index.css b/client/src/index.css
index 285bc4d..4e82746 100644
--- a/client/src/index.css
+++ b/client/src/index.css
@@ -333,4 +333,20 @@ input[data-testid*="search"]::placeholder {
   user-select: none;
   opacity: 0.08;
   filter: blur(0.5px);
+}
+
+/* Test grid overlay */
+body.show-grid::after {
+  content: '';
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  pointer-events: none;
+  z-index: 9999;
+  background-image: 
+    linear-gradient(rgba(255, 0, 0, 0.2) 1px, transparent 1px),
+    linear-gradient(90deg, rgba(255, 0, 0, 0.2) 1px, transparent 1px);
+  background-size: 20px 20px;
 }
\ No newline at end of file