From 1e4e768ee91696c746ed669bf421d12d6dda025f Mon Sep 17 00:00:00 2001
From: Cursor Agent <cursoragent@cursor.com>
Date: Mon, 16 Mar 2026 08:44:13 +0000
Subject: [PATCH] fix: add horizontal padding (ph3) to ResultsBanner on mobile

The results-banner component had negative margins (nl3 nr3) to extend
full-width on mobile but lacked horizontal padding. Content was flush
against the left edge. Added ph3 to match the pattern used in
ProjectPage and insights components.

Co-authored-by: Cristiano Dalbem <cristiano.dalbem@gmail.com>
---
 src/components/markdownComponents.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/markdownComponents.js b/src/components/markdownComponents.js
index 62521b4..1c8ec37 100644
--- a/src/components/markdownComponents.js
+++ b/src/components/markdownComponents.js
@@ -18,7 +18,7 @@ class ResultsBanner extends React.Component {
 
         return (
             <div
-                className="nl6-ns nr6-ns nl4-m nr4-m nl3 nr3 mv6 pa7-ns pv6 bg-near-white flex flex-row-l flex-column justify-around relative"
+                className="nl6-ns nr6-ns nl4-m nr4-m nl3 nr3 mv6 pa7-ns pv6 ph3 bg-near-white flex flex-row-l flex-column justify-around relative"
             >
                 {
                     Object.keys(dataObj).map((i, n) => (